在vue中定义一个数组，如何输出数组中的指定数据

在 Vue.js 中，你可以通过模板语法或者 JavaScript 部分来访问并输出数组中的特定数据。这里提供两种常见的方法：

1. **模板语法（HTML部分）**：

   <template>
     <ul>
       <li v-for="item in items" :key="item.id">{{ item.name }}</li> <!-- 如果你想显示 name 属性 -->
     </ul>
   </template>

这里 `v-for` 是 Vue 的指令，它会遍历名为 `items` 的数组，并将每个元素的数据赋给 `item`。`:key` 是为了优化虚拟DOM的更新。

2. **JavaScript (script部分）**：

   data() {
     return {
       items: [
         { id: 1, name: 'Item 1' },
         { id: 2, name: 'Item 2' }
       ]
     };
   },
   
   computed: {
     // 使用 computed 计算属性来过滤、处理数据
     displayNames() {
       return this.items.map(item => item.name);
     }
   },
   
   template: `
     <ul>
       <li v-for="name in displayNames" :key="name">{{ name }}</li>
     </ul>
   `,

在这个例子中，`displayNames` 是一个计算属性，会返回经过处理的 `items` 数组，然后在模板中遍历并输出 `name`。