vue中有4种变量的定义
1data
data中定义的变量是我们需要去维护的,会被多次改变或者使用到
2computed
computed中计算属性中的定义的变量会被自动计算
需要注意的是computed中的变量不能在data中定义,会冲突,说简单点,data中的变量我们自己控制变化,在不同的methods中定义会怎样变化或者被赋值,比如购物车列表数据,在增删改过程中都会变化,我们需要自己去维护这个变量,在增删改的时候做相对应的处理,然而购物车数量这个变量却可以根据购物车数据计算出来,这时候就可以利用computed属性帮我们自动计算维护购物车数量这个属性值了,不需要在增删改的时候自己再次去手动维护修改这个变量值了
3 created
在生命周期中,created在dom渲染之前,是最先执行的,在这里面定义的变量通常不会被改动。
常用场景有:
调用子组件时,我们需要向子组件传些个性化的参数,这些参数定义一次就好,通常不会改变,此时可以再 created中定义,因为它是在组件创建渲染之前执行的
4 methods
在methods中的一些函数中有3种情况
一种是只在函数内部会被用到的变量,我们只需要用let 定义就好
一种是在多个函数中会被用到 我们可以用this.xxx来定义,就跟在data中定义差不多
还有一种是常量的定义 我们直接在export default的外面用const定义就好

关于watch的使用
watch和computed的区别
1都能实时计算监听
2watch可以监听data中的变量,computed不能计算data中的变量
3watch使用场景
1data中的变量变化太频繁,对变化处理可以采用监听的方式
2利用watch控制执行顺序,比如我们需要做的某个处理是需要某个值传进来后才能做的,那么就可以监听这个 值,一旦接收到这个值,或者这个值发生改变,我们才开始处理

Logo

前往低代码交流专区

更多推荐