vue如何定义对象数组

在Vue中，定义对象数组可以使用data属性或者computed属性。

使用data属性：

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

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: '张三', age: 18 },
        { id: 2, name: '李四', age: 20 },
        { id: 3, name: '王五', age: 22 }
      ]
    }
  }
}
</script>

使用computed属性：

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

<script>
export default {
  computed: {
    items() {
      return [
        { id: 1, name: '张三', age: 18 },
        { id: 2, name: '李四', age: 20 },
        { id: 3, name: '王五', age: 22 }
      ]
    }
  }
}
</script>