vue循环语句v-for

vue提供了v-for来编译列表数组以及对象；index索引 name键名参数属性；

循环使用 v-for 指令。

v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。

我们看个实例：

运行效果：

<div id="app">
    <h2>v-for遍历</h2>
    <h2>列表遍历</h2>
    <ul>
        <li v-for="item in items">
            {{item.name}}
        </li>
    </ul>
    <h2>index索引参数</h2>
    <ul>
        <li v-for="(item,index) in items">
            {{index}}-{{item.name}}
        </li>
    </ul>
    <h2>遍历对象</h2>
    <li v-for="value in object">
        {{ value }}
    </li>
    <h2>name键名参数</h2>
    <li v-for="(value,name,index) in object">
        {{index}}-{{name}}-{{ value }}
    </li>
</div>
<script type="text/javascript" src="js/vue2.6.js"></script>
<script type="text/javascript">
    new Vue({
        el:'#app',
        data:{
            items:[
                {name:'北京'},
                {name:'南京'},
                {name:'东京'}
            ],
            object: {
                title: 'How to do lists in Vue',
                author: 'Jane Doe',
                publishedAt: '2016-04-10'
            }
        }
    })
</script>