vue中v-for 循環(huán)對象中的屬性
更新時間：2021年11月22日 09:30:11 作者：huxiaoxiao
這篇文章主要介紹了 vue中v-for 循環(huán)對象中的屬性，文章圍繞v-for 循環(huán)對象的相關資料展開詳細內(nèi)容,需要的朋友可以參考一下，希望對大家有所幫助
1、循環(huán)對象內(nèi)的值
<body>
<div id="app">
<!-- 循環(huán)對象內(nèi)的值 -->
<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、循環(huán)對像
3、循環(huán)鍵和值
<!-- 循環(huán)鍵和值 -->
<ul>
<!-- 值 鍵 -->
<li v-for="(value,key) in per">
{{value}}---{{key}}
</li>
</ul>
到此這篇關于 vue中v-for 循環(huán)對象中的屬性的文章就介紹到這了,更多相關 v-for 循環(huán)對象中的屬性內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
Vuejs對象常用操作之取對應的值、取key和value值、轉(zhuǎn)數(shù)組及合并等
最近在學Vue和javascript感覺js的好多方法都不太清楚,這里徹底總結(jié)下,這篇文章主要給大家介紹了關于Vuejs對象常用操作之取對應的值、取key和value值、轉(zhuǎn)數(shù)組及合并等的相關資料,需要的朋友可以參考下2024-01-01
webpack提供的反向代理服務器在開發(fā)階段非常方便，幾行簡單的代碼配置就可以使用反向代理功能，包括路徑重寫、cookie處理等。這篇文章主要介紹了vue webpack重寫cookie路徑,需要的朋友可以參考下2019-07-07
這篇文章主要介紹了計算屬性和偵聽器，文章以介紹計算屬性、偵聽器的相關資料展開詳細內(nèi)容,需要的朋友可以參考一下，希望對你有所幫助2021-11-11
這篇文章主要為大家詳細介紹了vue實現(xiàn)圖片預覽組件封裝與使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要介紹了vue中多附件上傳的實現(xiàn)示例，幫助大家更好的理解和學習使用vue框架，感興趣的朋友可以了解下2021-04-04
這篇文章主要介紹了vue中的mescroll搜索運用及各種填坑處理，文中通過代碼給大家講解了mescroll vue使用，感興趣的朋友跟隨小編一起看看吧2019-10-10
在公司年會期間我做了個抽獎小項目，非常棒，今天把他分享到腳本之家平臺，供大家學習參考，對vue3實現(xiàn)抽獎小項目感興趣的朋友一起看看吧2023-01-01
一篇文章教你實現(xiàn)VUE多個DIV,button綁定回車事件
這篇文章主要介紹了VUE多個DIV綁定回車事件，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2021-10-10
這篇文章主要給大家介紹了關于Vue項目中ESlint規(guī)范的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用Vue具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-07-07
vue3 elementPlus 表格實現(xiàn)行列拖拽及列檢索功能(完整代碼)
本文通過實例代碼給大家介紹vue3 elementPlus 表格實現(xiàn)行列拖拽及列檢索功能,代碼簡單易懂,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-10-10