vue

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

{{each list as value index}}

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

<div >
    <div v-for="(item, index) in list" :key="index">{item.name}</div>
</div>
let app = new Vue({
    el: '#app',
    data: {
        list: [
            {name: '李狗蛋'},
            {name: '王翠花'},
            {name: '孙子'}
        ]
    }
})

Related Posts

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注