vue2中给数组的每一个对象添加一个属性并赋值

vue2中我想给数组的每一个对象添加一个属性并赋值

在 Vue 2 中，使用 Array.map() 方法来给数组的每一个对象添加一个属性并赋值，然后将新的数组赋值给原来的数组，让 Vue 监听到数组的变化。

以下是一个示例代码：

// 原来的数组
let arr = [
  { id: 1, name: 'Tom' },
  { id: 2, name: 'Jerry' }
];

// 使用 Array.map() 方法给每个对象添加一个属性 age 并赋值为 18
arr = arr.map(item => {
  return {
    ...item,
    age: 18
  };
});

// 打印结果
console.log(arr); // [{ id: 1, name: 'Tom', age: 18 }, { id: 2, name: 'Jerry', age: 18 }]

在上面例代码中，使用了 Array.map() 方法来遍历原数组 arr，对每个对象进行了处理并返回一个新的对象，然后将这个新的对象赋值给原来的对象，并覆盖原来的对象。这样，在 Vue 监听到数组变化的时候，就会更新视图。