两者都可以观察页面数据的变化
1.在数据变化,会自动调用watch而不调用computed,只有在使用computed的值时才会调用conputed
2.多次使用computed时,如果computed所依赖的属性值没有变化,只有第一次使用会进行计算,之后的每次使用不会重新进行计算,而是会读取缓存
3.连续多次改变属性的值,watch只会执行最后一次
下面的代码只会输出一次旧值: 消息消息消息, 新值: 第三次改变
watch: {
msg(val, oldVal){
console.log("旧值: %s, 新值: %s", oldVal, val)
}
},
methods: {
init() {
this.msg = "第一次改变"
this.msg = "第二次改变"
this.msg = "第三次改变"
}
}
当数据变化频率不高,但是需要经过复杂计算时,使用computed
当数据变化后,需要进行一些操作,使用watch
Vue中computed VS watch 区别 及computed VS method区别 computed V...
Vue中computed VS watch 区别 及computed VS method区别 computed V...
vue中动态绑定class的方式? watch和computed的区别 vue中key的作用 vue父传子 子传父...
Vue中computed和watch、method的区别 vue是否可以监听数组与对象的变化 v-show与v-i...
computed 和 watch 区别： computed 是计算一个新的属性，并将该属性挂载到 vm（Vue 实...
computed1、computed是计算属性，也就是依赖某个值或者props通过计算得来得数据；2、 compu...
watch就是用于监听数据变化，比如监控页面一个变量值的改变需要进行的操作 computed时用于处理复杂的逻辑运...
watch顾名思义，用于监听数据变化，其中可以监听的数据来源有三部分：props、data、computed内的数...
我们在 Vue 项目中多多少少都会有用到 computed 和 watch，这两个看似都能实现对数据的监听，但还是...
**计算属性computed : ** 1. 支持缓存，只有依赖数据发生改变，才会重新进行计算 2. 不支持异步，...
本文标题：vue中watch和computed的区别
本文链接：https://www.haomeiwen.com/subject/vnzdgktx.html
网友评论