vue的computed(计算属性)与watch(监听器)的区别

vue中computed和watch的区别

computed

1. 作为计算属性 ，computed声明的计算属性不需要以()的方式进行获取；
2. computed中的函数必须用return返回；
3. 计算属性具有缓存性，只在相关依赖的值发生变化时，才会重新求值，否则只会返回之前的缓存值，不会重新计算；
4. 适用单一值依赖多值进行变化的场景；

watch

1. watch不需要调用，会自动执行；
2. watch中的函数接收两个参数，newVal和oldVal，且并不一定需要return；
3. watch在监听值发生变化的时候就会执行回调函数，还有deep(监听对象属性的变化)和immediate(立即执行监听函数)选项；
4. 适用多值依赖单一值进行变化的场景；