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