vue学习- 列表渲染v-for
生活随笔
收集整理的這篇文章主要介紹了
vue学习- 列表渲染v-for
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
v-for用法
可操作的對象:
? 數組(普通數組,對象數組)、對象、數字;
以對象數組為例:
let arr=[{name:'張三',age:'18',sex:'男'},{name:'李思',age:'20',sex:'女'},{name:'龐斑',age:'31',sex:'男'} ]方式1:v-for="item in dataList" 方式2:v-for="(item,index) in dataList" :key='index' 方式3:v-for="(item,key,index) in dataList" :key='index'?
?
?
?
不推薦同時使用?v-if?和?v-for。請查閱風格指南以獲取更多信息。
當?v-if?與?v-for?一起使用時,v-for?具有比?v-if?更高的優先級。請查閱列表渲染指南以獲取詳細信息。
?
參考鏈接:
vue v-for循環的用法
https://cn.vuejs.org/v2/guide/list.html#用-v-for-把一個數組對應為一組元素
總結
以上是生活随笔為你收集整理的vue学习- 列表渲染v-for的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Win11 Dev 23511 预览版更
- 下一篇: vue-:class的几种使用方式