数据对象
初始化数据(页面可以访问)
可以在里面写对象、字符串、数值、数组、…
methods属性
方法对象
可以在里面声明一些方法
可以通过this.xxx获取Vue实例上的数据或方法
注意:不要使用箭头函数会改变this指向
computed属性
计算属性
可以在里面声明一些函数,必须要有return值
计算属性函数中如果使用到了data中的数据这些数据发生改变后就
会重新执行这个计算属性函数将最新的计算结果返回出去
执行时机:初始化显示执行和函数中用到了data中的数据变化后会执
行,在页面中直接用插值表达式使用计算属性{{计算属性函数名}}计算属
性本质就是一个方法但是使用的时候是将这些方法的方法名当作属性使用
计算属性的值就是return出来的值
getter和setter
计算属性存在缓存多次读取只执行一次getter函数
watch属性
侦听属性
可以侦听data中的属性和一些非DOM元素的改变
可以获取数据改变前的值和改变后的值
形参(newVal,oldVal)=>(改变后的值,改变前的值)
深度侦听
watch默认无法侦听复杂数据类型需要侦听复杂数据类型得使用深度侦听