Vue從零開始總結(jié)15
v-for遍歷數(shù)組和對(duì)象
當(dāng)我們使用數(shù)組時(shí)只需要獲取值和下標(biāo)的時(shí)候,可以這么寫(item,index)
當(dāng)我們需要使用對(duì)象的時(shí)候,需要這么寫(item,key,index)
位置不要寫錯(cuò),否則對(duì)應(yīng)不上
item代表值
key代表屬性,也就是鍵
item和key構(gòu)成鍵值對(duì)
index代表下標(biāo)
<ul>
?<li v-for="(item,key,index) in datain">{{index}}:{{key}}:{{item}}</li>
</ul>
當(dāng)我們是數(shù)組需要在中間位置插入元素的時(shí)候,為了提升效率最好是加一個(gè)唯一值作為key
<ul>
?<li v-for="item in laters" :key="item">{{item}}</li>
</ul>
laters:['a','b','c']
在console中輸入app.laters.splice(2,0,'要插入的值')
從第二個(gè)位置開始,刪除0個(gè)元素,插入一個(gè)你要插入的值
標(biāo)簽: