15.v-for循环对象数组

<div id="app">
    <ul>
        <li v-for="item in list1">{{ item.id }}--------{{ item.name }}</li><!--循环对象-->
    </ul>
</div>
<script>
    //创建Vue实例,得到ViewModel
    var vm=new Vue({
        el:"#app",
        data:{
            list1:[{id:1,name:"貂蝉"},{id:2,name:"鲁班"},{id:3,name:"亚瑟"},{id:4,name:"嫦娥"}]
        },
        methods:{}
    });
</script>

 

posted @ 2021-03-09 08:41  种太阳  阅读(30)  评论(0编辑  收藏  举报