vue 怎么将两个object合并成一个object
时间: 2024-09-30 10:12:11 浏览: 35
vue父组件向子组件传递多个数据的实例
在Vue.js中,如果你想把两个对象合并成一个新的对象,可以使用JavaScript的`Object.assign()`方法或者简单的赋值操作符`=`。以下是两种常见方法:
1. 使用 `Object.assign()`
```javascript
let obj1 = { key1: 'value1', key2: 'value2' };
let obj2 = { key3: 'value3', key4: 'value4' };
let newObj = Object.assign({}, obj1, obj2);
```
这里我们创建了一个新的空对象作为目标,然后将`obj1`和`obj2`的内容合并到新对象上。
2. 直接赋值(如果键不存在)
```javascript
let obj1 = { key1: 'value1', key2: 'value2' };
let obj2 = { key3: 'value3', key4: 'value4' };
let newObj = {...obj1, ...obj2};
```
这里使用了ES6的扩展运算符`...`,它会遍历源对象的所有属性并添加到新对象中。
阅读全文