vue面试003.computed计算属性和watch侦听器区别?

94 阅读1分钟

官方文档:cn.vuejs.org/v2/guide/co…

计算属性

  • 计算属性是有缓存的,当依赖的响应式属性发生变化,计算属性才会重新计算执行
  • 计算属性必须返回一个数据,不能执行异步相关的操作

侦听器

  • 一般用于:数据变化时执行异步或开销较大的操作

区别

  • 计算属性有缓存,侦听器没有缓存
  • 计算属性必须return一个数据,侦听器不需要return数据
  • 计算属性内不设计异步相关操作,侦听器可以进行异步相关的逻辑
  • 计算属性可以依赖多个响应式属性数据,侦听器只可以有一个