v-for="item of list" 并沒有循環list的元素,而是根據list的長度循環了list中所有內容,如何解決呢?
<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
個人理解這里其實類似
個人理解,如果js有基礎的話
const list = [0,2,3]
for(item of list){
return item
}
此時list還是一個數組,而item才是數組通過循環出來具體的值,所有插入表達式里面不能是{{list}}而是{{item}}
v-for感覺就是一個for of循環
2019-06-22
這里的list就是定義好的列表,{{list}}輸出列表,而不是數據(item才是列表中的個數據)
2019-06-22
//你的第三行寫錯了,{{list}}改為{{item}},這個list是專有的,指代列表,item才是數據
<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>