2.v-for

v-for可遍历数组或对象

<div id="two">
    <div v-for="(item,index) in items">{{index}} : {{item}}</div>
</div>

new Vue({
   el:"#two",
    data:{
        parentMessage: 'Parent',
        items:['今','天','中','午','不','吃','饭'],
    }
});

结果：

这个index是数组下标，还有一个属性key是关于对象的；index和item的输出顺序有些难以理解，如果把小括号里的item和index交换位置，则输出的数字那一列和汉字那一列交换位置。