v-for="item of list" 并沒有循環(huán)list的元素,而是根據(jù)list的長(zhǎng)度循環(huán)了list中所有內(nèi)容,如何解決呢?
<div id="first">
? ? ? ?<ul>
? ? ? ? ? ?<li v-for="item of list">{{list}}</li>
? ? ? ?</ul>
? ? </div>
? ? <script>
? ? ? ? new Vue({
? ? ? ? ? ? el:"#first",
? ? ? ? ? ? data:{
? ? ? ? ? ? ? ? show:true,
? ? ? ? ? ? ? ? list: [0,2,3]
? ? ? ? ? ? }
? ? ? ? })
? ? </script>
2019-06-28
個(gè)人理解這里其實(shí)類似
個(gè)人理解,如果js有基礎(chǔ)的話
const list = [0,2,3]
for(item of list){
return item
}
此時(shí)list還是一個(gè)數(shù)組,而item才是數(shù)組通過循環(huán)出來(lái)具體的值,所有插入表達(dá)式里面不能是{{list}}而是{{item}}
v-for感覺就是一個(gè)for of循環(huán)
2019-06-22
這里的list就是定義好的列表,{{list}}輸出列表,而不是數(shù)據(jù)(item才是列表中的個(gè)數(shù)據(jù))
2019-06-22
//你的第三行寫錯(cuò)了,{{list}}改為{{item}},這個(gè)list是專有的,指代列表,item才是數(shù)據(jù)
<div id="first">
? ? ? ?<ul>
? ? ? ? ? ?<li v-for="item of list">{{item}}</li>
? ? ? ?</ul>
? ? </div>
? ? <script>
? ? ? ? new Vue({
? ? ? ? ? ? el:"#first",
? ? ? ? ? ? data:{
? ? ? ? ? ? ? ? show:true,
? ? ? ? ? ? ? ? list: [0,2,3]
? ? ? ? ? ? }
? ? ? ? })
? ? </script>