vue watch,computed,metods的区别

Posted zhx119

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue watch,computed,metods的区别相关的知识,希望对你有一定的参考价值。

通俗来讲:computed是在html DOM加载后马上执行的,如赋值;而methods则必须要有一定的触发条件才能执行,如点击事件;watch呢?它用于观察Vue实例上的数据变动。对应一个对象,键是观察表达式,值是对应回调。值也可以是方法名,或者是对象,包含选项。computed定义的属性,在data中不能定义同名的变量否则会报错,computed定义的属性需return结果,而watch可以在data中定义变量watch进行监听不需要return。

数组深克隆:

var x = [1,2,3];
var y = [];
for (var i = 0; i < x.length; i++) {
    y[i]=x[i];
}
console.log(y);  //[1,2,3]
y.push(4);
console.log(y);  //[1,2,3,4]
console.log(x);  //[1,2,3]


对象的深克隆:
var x = {a:1,b:2};
var y = {};
for(var i in x){
    y[i] = x[i];
}
console.log(y);  //Object {a: 1, b: 2}
y.c = 3;
console.log(y);  //Object {a: 1, b: 2, c: 3}
console.log(x);  //Object {a: 1, b: 2}

 




以上是关于vue watch,computed,metods的区别的主要内容,如果未能解决你的问题,请参考以下文章

Vue computed和watch

vue3中的computed和watch

vue2 中 computed 和 watch 的异同

vue之watch和计算属性computed

Vue: computed和watch

vue之computed和watch