这篇文章将为大家详细讲解有关vue中v-for循环对象的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
1、循环对象内的值
<body> <div id="app"> <!-- 循环对象内的值 --> <ul> <li v-for="item in per"> {{item}} </li> </ul> </div> <script src="./js/vue.js"></script> <script> let vm =new Vue({ el:'#app', data:{ per:{ id:1, name:'小明', age:19, sex:"男" } } }) </script>
2、循环对像
3、循环键和值
<!-- 循环键和值 --> <ul> <!-- 值 键 --> <li v-for="(value,key) in per"> {{value}}---{{key}} </li> </ul>
关于“vue中v-for循环对象的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。