计算属性-computed
1.定义:要用的属性不存在,要通过已有属性计算得来
2.原理:底层借助了Object.defineproperty方法提供的getter和setter
3. get函数什么时候执行?
初次执行时会执行一次
当以来的数据发生改变时会被再次调用
4.优势:与methods实现相比,内部有缓存机制,效率更高
监视属性-watch
- 当被监视的属性变化时,回调函数自动调用,进行相关操作
- 监视的属性必须存在,才能进行监视!!
- 监视的两种写法:
- new Vue时传入watch配置
- 通过vm.$watch监视
computed和watch区别
- computed能完成的功能,watch都可以完成
- watch能完成的功能,computed不一定能完成,例如:异步操作