//声明一个persons数组/列表，每一个person都有 id、name、age三个属性 //要求：将你自己宿舍的三个室友的信息放在这个persons列表中，并且使用vue的形式展示出来 基础代码在附件中

首先，我们需要定义一个对象数组来表示 persons 列表。在这个列表中，每个 person 对象将包含 id、name 和 age 三个属性。然后，我们可以使用 Vue.js 的数据绑定功能来展示这个列表。以下是一个基础的实现方法：

1. 定义 persons 数组，每个元素是一个包含 id、name 和 age 的对象。
2. 在 Vue 实例中定义一个 data 属性，其中包含 persons 数组。
3. 使用 v-for 指令在 HTML 模板中遍历 persons 数组，并展示每个 person 的信息。

由于这里无法提供具体的附件代码，下面是一个假设的代码示例：

<!-- HTML 部分 -->
<div id="app">
  <ul>
    <li v-for="person in persons">
      ID: {{ person.id }}, 姓名: {{ person.name }}, 年龄: {{ person.age }}
    </li>
  </ul>
</div>

// JavaScript 部分
new Vue({
  el: '#app',
  data: {
    persons: [
      { id: 1, name: '室友A', age: 21 },
      { id: 2, name: '室友B', age: 22 },
      { id: 3, name: '室友C', age: 23 }
    ]
  }
});

在这个示例中，我们创建了一个 Vue 实例，并在其中的 data 属性定义了一个 persons 数组。然后，我们使用了 Vue 的 v-for 指令来遍历数组并在一个无序列表中展示每个室友的信息。

需要注意的是，为了运行上述代码，你需要在 HTML 页面中包含 Vue.js 的库文件。