vue v-for 遍历对象
Vue2 •
•
420次阅读
<div id="app">
<!-- 1、遍历对象的过程中，如果只是获取一个值，那么获取到的是value -->
<ul>
<li v-for="item in info">{{item}}</li>
</ul>
<!-- 2、获取key和value 格式：(value,key) -->
<ul>
<li v-for="(value,key) in info">{{value}}--{{key}}</li>
</ul>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
const app = new Vue({
el:'#app',
data:{
info:{
name:'why',
age:18,
height:1.8
}
},
methods:{
}
})
</script>
人生在世，不如意事十之八九；人生的滋味，哪怕是酸甜或苦辣，也要靠自己去品。人活一口气：气质看一个人的过去，气度看一个人的未来
