vue计算属性与watch监听

总结：

1. 计算属性computed在使用时，一定要注意，函数里面的变量都会被监听，只要里面的某一个值变动，便会将整个函数执行一遍。 而watch只是监听某一个值，若是监听的值里面也有很多变量，也会全部监听

2. 计算后的属性可不在 data 中定义，如果定义会报错，因为对应的computed作为计算属性定义并返回对应的结果给这个变量,变量不可被重复定义和赋值。  而watch监听data中定义的变量变化

computed特性

1.是计算值，

2.应用：就是简化tempalte里面{{}}计算和处理props或$emit的传值

3.具有缓存性，页面重新渲染值不变化,计算属性会立即返回之前的计算结果，而不必再次执行函数

watch特性

1.是观察的动作，

2.应用：监听props，$emit或本组件的值执行异步操作

3.无缓存性，页面重新渲染时值不变化也会执行

接下来介绍下 各自的方法：

作者：前端新阳

链接：https://www.jianshu.com/p/d86ae49a5403

来源：简书

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。