重温vue官网:watch和computed的区别,简单明了

54 阅读1分钟

计算属性:

我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而,不同的是计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值

侦听属性:

Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动:侦听属性

区别和使用场景:

  • 当需要在数据变化时执行异步或开销较大的操作时,使用watch。其他情况使用computed(后半句为个人理解)。

  • 使用 watch 选项允许我们执行异步操作 (访问一个 API),限制我们执行该操作的频率,并在我们得到最终结果前,设置中间状态。这些都是计算属性无法做到的。

官网链接v2.cn.vuejs.org/v2/guide/co…