vue assign用法

千里之行，始于足下。

vue assign用法

是Vue的全局方法之一，它用于将一个或多个源对象的属性分配给目标对象。它会返回目标对象。

的用法非常简单，语法如下：

(target, ...sources)

其中，target是目标对象，sources是一个或多个源对象。

下面我们来详细讲解的用法。

1. 将单个属性分配给目标对象：

可以将一个或多个源对象的属性分配给目标对象。当只有一个源对象时，可以直接传入属性和值：

```

var target = {};

var source = { name: 'John' };

(target, source);

(target); // { name: 'John' }

```

2. 将多个属性分配给目标对象：

第 1 页/共 5

页

锲而不舍，金石可镂。

如果需要将多个属性分配给目标对象，可以传入多个源对象：

```

var target = {};

var source1 = { name: 'John' };

var source2 = { age: 30 };

(target, source1, source2);

(target); // { name: 'John', age: 30 }

```

3. 合并多个源对象的属性：

当多个源对象中有相同的属性时，会将后面的源对象的属性值覆盖前面的源对象的属性值：

```

var target = {};

var source1 = { name: 'John', age: 30 };

var source2 = { age: 35 };

(target, source1, source2);

(target); // { name: 'John', age: 35 }

```

4. 深拷贝对象：

千里之行，始于足下。

会对源对象中的属性值进行浅拷贝。如果源对象的属性值是一个对象或数组，那么目标对象中的属性值会引用相同的对象或数组：

```

var target = {};

var source = { prop: { name: 'John' } };

(target, source);

(target); // { prop: { name: 'John' } }

= 'Mike';

(target); // { prop: { name: 'Mike' } }

(source); // { prop: { name: 'Mike' } }

```

5. 合并数组：

如果源对象的属性值是一个数组，会将目标对象对应的属性值也变成数组，并将源对象的数组和目标对象的数组合并：

```

var target = { colors: ['red'] };

var source = { colors: ['green', 'blue'] };

(target, source);

(target); // { colors: ['red', 'green', 'blue'] }

第 3 页/共 5

页

锲而不舍，金石可镂。

```

6. 不可枚举属性：

只会复制源对象的可枚举属性。不可枚举属性包括JavaScript内置的一些属性，例如ype中的属性：

```

var target = {};

var source = ({ name: 'John' });

(target, source);

(target); // {}

```

在以上例子中，原型链上的name属性不会被分配给目标对象。

7. 拷贝函数和原型上的属性：

不会拷贝函数和原型上的属性。因为函数和原型属性通常是对象特有的，而是用于对象之间的属性拷贝：

```

var target = {};

var source = {

name: 'John',

sayHello: function() {

('Hello ' + );

}

千里之行，始于足下。

};

(target, source);

(target); // { name: 'John' }

```

在以上例子中，源对象的sayHello方法没有被拷贝到目标对象中。

总结一下，是Vue的全局方法之一，它用于将一个或多个源对象的属性分配给目标对象。它会返回目标对象。的用法非常简单，可以完成多个源对象的属性合并和拷贝。需要注意的是，只会拷贝可枚举属性，并且不会拷贝函数和原型上的属性。

第 5 页/共 5

页