02 vue Options-API 计算属性 侦听器

computed

对于任何包含响应式数据的复杂逻辑，你都应该使用计算属性；

计算属性将被混入到组件实例中。所有 getter 和 setter 的 this 上下文自动地绑定为组件实例

有缓存

响应式

函数式写法：fullName: function(){} 相当于对象写法的getter方法

对象写法：

watch

当数据变化时，template会自动进行更新来显示最新的数据； 但是在某些情况下，我们希望在代码逻辑中监听某个数据的变化，这个时候就需要用侦听器watch来完成了

选项：watch

类型：{ [key: string]: string | Function | Object | Array}

常见使用

深度侦听与立即执行

 注意：如果侦听的是引用类型，引用地址改变，不需要深度侦听也能侦听到，属性改变，需要深度侦听，并且newValue oldVaule 都是改变后的值，因为指向同一个地址，vue内部没有深拷贝

其他侦听方式

字符串：字符串是methods中的方法

数组：数组中的方法会一一执行

this.$watch API的使用