logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年

v-for:在 Vue 组件里显示内容列表

  • 在Vue组件中显示内容列表,使用v-for指令。
  • 准备列表数据,通常来源于服务端接口,但示例中直接放在组件的data中,命名为postList,其值为数组,包含对象项目。
  • 每个对象有idcontentauthor属性。
  • 使用v-forkey绑定在HTML标签上展示列表数据,key值唯一,通常为项目的id
  • 在模板中绑定输出contentauthor
  • 如需序号,在v-for中使用(post, index),索引index从零开始,可通过表达式使其显示从一开始。
  • 浏览器中将显示带序号的内容列表。