计算属性:
我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而,不同的是计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值
侦听属性:
Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动:侦听属性
区别和使用场景:
-
当需要在数据变化时执行异步或开销较大的操作时,使用watch。其他情况使用computed(后半句为个人理解)。
-
使用
watch选项允许我们执行异步操作 (访问一个 API),限制我们执行该操作的频率,并在我们得到最终结果前,设置中间状态。这些都是计算属性无法做到的。