计算属性和监听属性的区别

603 阅读1分钟

计算属性computed

  1. 计算属性是一个函数,返回值(return)就是计算属性得到的结果;
  2. 一个计算属性对应一个或多个data中的属性;
  3. 第一次使用计算属性的时候,会把计算结果缓存
  4. 后续再次使用这个计算属性的时候,如果该计算属性用到的数据没有变化,就直接读取缓存中的结果,不会重新计算;如果该计算属性用到的数据发生了变化,重新计算结果,存到缓存中;
  5. 不支持异步,当computed内有异步操作时无效,无法监听数据的变化。

监听属性watch

  1. 监听器与data中的属性同名,当属性的值发生改变的时候,监听器被触发执行;
  2. 一个监听器只对应一个data中的属性;
  3. 不支持缓存,数据发生改变,直接触发响应的操作,不会创建变量保存结果;
  4. watch支持异步
  5. watch中有两个参数deep和immediate:deep深度监听,用来发现对象内部值的变化,因为watch只会监听数据的值是否改变,不会监听地址的变化,如果需要监听引用类型的数据变化,需要深度监听;immediate组件加载立即触发回调函数执行。

注意:

computed的结果是通过return返回的,而watch不需要return。

image.png