用 vue 写app列表

首先，我们需要创建一个 Vue 实例，然后在这个实例中使用组件来展示我们的 app 列表。以下是一个简单的示例：

<template>
  <div>
    <h1>我的 App 列表</h1>
    <ul>
      <li v-for="app in apps" :key="app.id">
        <h2>{{ app.name }}</h2>
        <p>{{ app.description }}</p>
        <a :href="app.link">下载</a>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      apps: [
        {
          id: 1,
          name: 'App 1',
          description: '这是一个很棒的 App。',
          link: 'http://example.com/app1'
        },
        {
          id: 2,
          name: 'App 2',
          description: '这也是一个很棒的 App。',
          link: 'http://example.com/app2'
        }
      ]
    }
  }
}
</script>

在上面的代码中，我们定义了一个 `apps` 数组，其中包含两个 app 对象，每个对象都有一个 `id`、`name`、`description` 和 `link` 属性，用于展示 app 的相关信息。

我们使用了 `v-for` 指令来遍历 `apps` 数组，然后使用 `:key` 绑定每个 app 的 `id` 属性，以便 Vue 可以跟踪每个 app 的变化。

最后，我们使用了 Vue 的插值语法来展示每个 app 的相关信息，并使用绑定属性来设置下载链接。

当然，这只是一个简单的示例，你可以根据自己的需求来自定义组件和样式。