computed:
是计算属性,依赖其他属性值,并且computed的值有缓存,只有它依赖的属性值发生改变,下一次获取comoputed的值时才会重新计算。
watch:
没有缓存,更多的是‘观察’的作用,类似于某些数据的监听回调,每当监听的数据变化时都会执行回调进行后续操作。若我们需要深度监听对象中的属性时,需要打开deep:true;这样便会对对象中的每一项进行监听。
运用场景:
当我们需要进行数值计算,并且依赖与其他数据时,应该使用computed,因为可以利用computed的缓存特性,避免每次获取值时都要重新计算。
当我们需要在数据变化时执行异步或开销较大的操作时,应使用watch。使用watch选项允许我们执行异步操作,限制我们执行该操作的频率,并在我们得到最终结果前,设置中间状态。这些都是计算属性无法做到的。