在vue中定义个数组里添加对象的属性和值

在 Vue 中，你可以使用数组字面量或者Vue实例的数据选项来初始化一个包含对象的数组，并为其添加属性和值。以下是两种常见的方法：

1. **数组字面量**：

let items = [
  { name: 'Item 1', price: 10 },
  { name: 'Item 2', price: 20 },
  { name: 'Item 3', price: 30 }
];

在这个例子中，`items`是一个数组，每个元素都是一个对象，分别包含了`name`和`price`两个属性。

2. **Vue实例数据**：

<template>
  <div>
    <ul>
      <li v-for="item in items" :key="item.id">
        {{ item.name }} - {{ item.price }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: 'Item 1', price: 10 },
        { id: 2, name: 'Item 2', price: 20 },
        { id: 3, name: 'Item 3', price: 30 }
      ]
    };
  }
};
</script>

这里通过Vue实例的`data()`函数定义了一个名为`items`的数组，每个对象同样有`name`和`price`属性。

要动态地给新创建的对象添加属性和值，可以直接在数组上操作：

this.items.push({ property: 'New Value' });

这会在数组的末尾添加一个新的对象，其`property`属性为'New Value'。