15.计算属性
1.定义:要⽤的属性不存在,要通过已有属性计算得来
2.原理:底层借助了Object.defineProperty⽅法提供的getter和setter
3.get函数什么时候执⾏?
1)初次读取时会执⾏⼀次
2)当依赖的数据发⽣改变的时候会被再次调⽤
4.优势:与methods实现相⽐,内部有缓存机制(复⽤),效率更⾼,调试⽅便
5.注意:
1).计算属性最终会出现在vm上,直接读取使⽤即可
2).如果计算属性要被修改,那必须写set函数去响应修改,并且要引起计算时依赖的数据发⽣改变
计算属性的简写:
什么时候可以⽤
当你确定了,你的计算属性,不需要做修改操作时
16.监听属性watch
(1).当被监听的属性变化时,回掉函数⾃动执⾏,进⾏相关操作
(2).监听的属性必须存在,才能进⾏监听
(3).监听的两种写法:
1)new Vue是传⼊watch配置
2)通过vm.$watch配置
监听器的简写形式:
什么时候可以使⽤
当你的监听器⾥只有handler时
17.监听器和计算属性的区别
1).当你有⼀些数据需要随着其它数据变动⽽变动时,通常更好的做法是使⽤计算属性
2).当需要在数据变化时执⾏异步或开销较⼤的操作时,监听器这个⽅式是最有⽤的。