1.     v-for命令

    其中item代表items中的元素，index是元素的索引

    1
    2
    3
    4
    5
    <ul id="example-2">
      <li v-for="(item, index) in items">
        {{ parentMessage }} - {{ index }} - {{ item.message }}
      </li>
    </ul>

  2. 可以使用v-for遍历对象

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <p>使用v-for遍历object对象</p>
        <ul>
          <li v-for="value in object" :key="value">
            {{ value }}
          </li>
        </ul>

    //新建一个对象
          object: {
            title: 'title',
            author: 'cxl',
            msg: 'msg'   },

  3. v-for可以有三个参数，其中第一个位置为对象的value（值，即title、cxl和msg），第二个位置为对象的key（也就是上面的title、author和msg），第三个位置为索引，注意顺序value,key,index

    1
    2
    3
    <div v-for="(value, name, index) in object">
    {{ index }}. {{ name }}: {{ value }}
    </div>