vue中 计算属性computed 与 watch侦听器的区别

计算属性用来声明一个值依赖于另一个值，计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。如果不发生改变，那么计算属性将会从缓存中读取值。计算属性不能计算在data中已经定义过的值。

watch用来侦听一个属性的变动，当属性发生变动时，触发相应的回调函数。

在有些情况下，computed和watch都可以用，由于computed会从缓存中读取值，所以性能会好一点，一般能用computed就用computed，避免滥用watch。