数字生活小程序
小程序
介绍开发设计运营

列表渲染

在组件上使用 v-for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。

更多用法可以参考 Vue 列表渲染。

<div>
  <ol>
    <li v-for="todo in todos">
      {{ todo.text }}
    </li>
  </ol>
</div>
// pages/home/index.js
Page({
  data(){
    todos: [
      { text: '学习 JavaScript' },
      { text: '学习 Vue全家桶、Koa' },
      { text: '来个全栈开发' }
    ]
  }
})
  1. 1. 列表渲染