vue中获取数组对象的多个属性组成新的对象数组

在 Vue 中，你可以通过 map() 或者 forEach() 函数配合 computed 属性或者对象解构（destructuring）来获取数组对象的多个属性并创建新的对象数组。这里是一个简单的示例：

// 假设你有一个名为 `data` 的数组，每个对象有 'name' 和 'age' 属性
let data = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 }
];

// 使用 map() 函数
let newData = data.map(item => ({ username: item.name, age: item.age }));

// 或者使用对象解构和 forEach()
newData = [];
data.forEach(item => {
  newData.push({ username: item.name, age: item.age });
});

// 如果需要将数据转换成计算属性（假设你在一个组件里）
this.newArray = computed(() => {
  return this.data.map(item => ({
    username: item.name,
    age: item.age
  }));
});