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