Vue 计算属性VS监听属性

官方定义及用法

• 计算属性(computed)

  • 对于任何复杂逻辑，你都应当使用计算属性。

  • 计算属性是基于它们的依赖进行缓存的。

• 监听属性(Watch)

  • vm.$watch( expOrFn, callback, [options] )：

    观察 Vue 实例变化的一个表达式或计算属性函数。回调函数得到的参数为新值和旧值。表达式只接受监督的键路径。对于更复杂的表达式，用一个函数取代。

    注意：在变异 (不是替换) 对象或数组时，旧值将与新值相同，因为它们的引用指向同一个对象/数组。Vue 不会保留变异之前值的副本。

  • 当需要在数据变化时执行异步或开销较大的操作时，使用监听属性。

转载于:https://juejin.im/post/5b30b745e51d4558d43fd4d3