vue——v-for指令

在v-for中使用数组

用法：(item, index) in items
index为数组下标

<ul id="app">
  <li v-for="(person, index) in persons">
    {
  { index }}---{
  { person.name }}---{
  { person.age }}
  </li>
</ul>

const vm = new Vue({
   
  el: '#app',
  data: {
   
    persons: [
      {
    name: '张三', age: 18 },
      {
    name: '李四', age: 28 },
      {
    name: '王五', age: 22 },
      {
    name: '赵六', age: 18 },
    ]
  }
})

可以利用of替代in作为分隔符，因为它更接近迭代器的语法：

<div v-for