vue -- 循环语句

vue循环语句有点类似art-template的循环渲染
art-template

{{each list as value index}}

v-for
:key必须要有，否则会报错，这个是唯一标识符，值必须唯一

<div id="app">
    <div v-for="(item, index) in list" :key="index">{item.name}</div>
</div>

let app = new Vue({
    el: '#app',
    data: {
        list: [
            {name: '李狗蛋'},
            {name: '王翠花'},
            {name: '孙子'}
        ]
    }
})