技術標籤：vue

開始很懵逼為什麼v-for會有三個元素，明明兩個就夠用了，然後我嘗試了一下，用陣列存物件然後使用三個元素，index總取不出來。
程式碼如下：

  <div id="app"> 
        <ul>
            <li v-for="(v,k,index) in users">
                {{v}}====={{k}}====={{index}}
            </li>
        </ul>

    </div
 
>
         <script src="./node_modules/vue/dist/vue.js"></script>
         <script>
             let vm =new Vue({
             el:"#app",
             data:{

                users:[
                    {name:"朱少鵬1",gender:"男",age:"22"
 
},
                    {name:"朱少鵬2",gender:"男",age:"22"},
                    {name:"朱少鵬3",gender:"男",age:"22"},   
                
                    ]
                }
             })
         </script>

展示結果如下，這是因為v-for="(v,k,index)在數組裡面只存在兩個值，value和key，第三個值並不需要，也就是我這裡的k其實是index。

    <div id="app"> 
        <ul>
            <li v-for="(user,userkey) in users">
                遍歷鍵和物件：{{userkey}}===={{user}}<br/>
                遍歷物件的每一個屬性: 
             <span v-for="(value,key,index) in user"> {{index}}===={{key}}===={{value}}</span>
             </li>
        </ul>

    </div>
         <script src="./node_modules/vue/dist/vue.js"></script>
         <script>
             let vm =new Vue({
             el:"#app",
             data:{

                users:[
                    {name:"朱少鵬1",gender:"男",age:"22"},
                    {name:"朱少鵬2",gender:"男",age:"22"},
                    {name:"朱少鵬3",gender:"男",age:"22"},   
                
                    ]
                }
             })
         </script>

此時的 (value,key,index)分別代表值，屬性名和索引，也就是說k，v，index不是你來定義的而是vue自己去判斷他有幾個可用屬性再去給你value index 或者是 value key index