计算属性and监视属性

计算属性

•  定义：要用的属性不存在，需要通过已有的属性计算得来。
• 原理：底层借助了object.defineProperty（）方法提供的getter和setter
• get函数什么时候执行？

1.  初次读取时会执行一次
2. 当依赖的数据发生改变时会再次被调用

• 优势：与method实现相比，内部有缓存机制（复用），效率更高，调试方便
• 备注

1. 计算属性最终会出现在vm上，直接读取使用即可
2. 如果计算属性要被修改，那必须写set函数去响应修改，且set中要引起计算时依赖的数据发生改变
3. 如果计算属性不考虑修改，可以使用简写形式

 

 监视属性

 

监视属性watch：

1. 当被监视的属性变化时，回调函数自动调用，进行相关操作
2. 监视的属性必须存在才能监视
3. 监视有两种写法：

• 创建vue时传入watch配置
• 通过vm.$watch监视

深度监视：添加deep：true即可

• vue中的watch默认不监视对象内部值的改变（一层）
• 在watch配置中配置deep：ture可以监视对象内部值的改变（多层）

 

对比：

1. computed能完成的功能watch都能完成
2. watch能进行异步操作，computed不行