vue computed和watch的区别
的有关信息介绍如下:他们回答的他复杂了,小白根本看不懂。
首先两者都是在元素变化后才执行函数,区别在于
1.computed:通过其他元素构造新的元素,当其他元素变化时触发computed;当进入页面时加载dom时自动执行
例如:
com:function(){b+c} 当b或者c变化时,执行com函数;
使用场景(多对一):
computed=a+b+c;当其它任意元素发生变化时都可以触发computed重新构造给com赋值;
computed:{
com:function(){
return this.a+this.b+this.c
}
}
2.watch:就是观察本身,当本身值变化时触发watch;
例如:
wat:function(data){ ... }
当自身变化时执行wat函数;
使用场景(一对多):
watch元素发生变化时,我们可以在函数里分别重新定义其它元素;
例如
watch:{
wat:function(data){
this.a=data+1;
this.b=data*2;
this.c="hello"
}
}
对比代码: