Javascript Vuejs阵列渲染

我正在为我的项目使用Vuejs，我想显示一个数组。 以下是数据：

data（）{
返回{
人民:[
{“姓名”：“艾米丽”，“财产”：[“好”，“好”]}，
{“name”：“John”，“properties”：[“bad”，“not good”]}
]
}
}

使用：

{{{person.name}:
-{{property}

每个v-for、

i

和

j

中的第二个值是当前元素的索引。我们在这里专门使用它来绑定

键

属性，这有助于防止渲染问题

希望这有帮助

使用：

{{{person.name}:
-{{property}

每个v-for、

i

和

j

中的第二个值是当前元素的索引。我们在这里专门使用它来绑定

键

属性，这有助于防止渲染问题

希望这有帮助

<ul>
  <li v-for="(person, i) in people" :key="i">{{ person.name }} : 
      <p v-for="(property, j) in person.properties" :key="j">- {{ property }}</p>
  </li>
</ul>