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控制执行顺序，比如我们需要做的某个处理是需要某个值传进来后才能做的，那么就可以监听这个 值，一旦接收到这个值，或者这个值发生改变，我们才开始处理