|
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 循环对象中的属性的文章就介绍到这了,更多相关 v-for 循环对象中的属性内容请搜索51zixue.net以前的文章或继续浏览下面的相关文章希望大家以后多多支持51zixue.net！
下载地址:
vue定义私有过滤器和基本使用
vue实现记事本小功能 |
