vue

计算属性

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

1. 计算属性相对于方法调用的区别

   • 计算属性是基于它们的响应式依赖进行缓存的
   • 方法调用实在每次渲染时会重新执行的
   • 在性能方面，计算属性的缓存，能较少性能的消耗
   • 方法调用可能会引起数据没有实时更新的问题
   • 计算属性可用于 data，store，props 变化的监听

2. 计算属性相对于侦听者（watch）

   • 计算属性需要同步返回值，如果需要异步改变值，就要用 watch（侦听者）
   • 侦听者可以用于 data，props 变化的监听