首页分享用vue写app用stylus写样式，出现白色背景不显示的情况

用vue写app用stylus写样式，出现白色背景不显示的情况

来源：萌宠菠菠乐园时间：2024-11-17 10:02

首先，我们需要创建一个 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 的相关信息，并使用绑定属性来设置下载链接。当然，这只是一个简单的示例，你可以根据自己的需求来自定义组件和样式。