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的区别

最新文章

热门文章