v-for~列表渲染（九）

v-for指令根据一组数组的选项列表进行渲染。

需要使用 item in items 形式的特殊语法；item 表示每一项数据，items 表示存数据的数组名；

<script src="vue.js"></script>

<!-- DOM模板 view 视图层 -->
<ul id="demo">
    <li v-for="item in items">
        {{item.message}}
    </li>
</ul>

// Vue 实例
var vm = new Vue({
    el:'#demo',
    data:{
        items:[
            {message:'昨天'},
            {message:'今天'},
            {message:'明天'}
        ]
    }
})

结果后台渲染为：

<ul id="demo">
    <li>昨天</li>
    <li>今天</li>
    <li>明天</li>
</ul>