淺談Vue2.0中v-for迭代語法的變化(key、index)
更新時(shí)間：2018年03月06日 09:17:43 作者：qinjianhuang
下面小編就為大家分享一篇淺談Vue2.0中v-for迭代語法的變化(key、index)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
今天，在寫關(guān)于Vue2.0的代碼中發(fā)現(xiàn) $key這個(gè)值并不能渲染成功，問題如下：
結(jié)果這個(gè)對(duì)象的key值并不能夠顯示：
后來查閱了文檔才知道，這是因?yàn)樵赩ue2.0中，v-for迭代語法已經(jīng)發(fā)生了變化：
丟棄了：
新數(shù)組語法
value in arr (value, index) in arr
新對(duì)象語法
value in obj (value, key) in obj (value, key, index) in obj
解決后：
以上這篇淺談Vue2.0中v-for迭代語法的變化(key、index)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了基于vue展開收起動(dòng)畫的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
這篇文章主要介紹了Vue傳遞參數(shù)不在URL路徑拼接顯示問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
Vue3+Vite實(shí)現(xiàn)項(xiàng)目搭建步驟
這篇文章主要介紹了Vue3+Vite實(shí)現(xiàn)項(xiàng)目搭建步驟,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
vue使用vue-video-player無法播放本地視頻的問題及解決
這篇文章主要介紹了vue使用vue-video-player無法播放本地視頻的問題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
Vue.js 2.0窺探之Virtual DOM到底是什么？
大家可能聽說Vue.js 2.0已經(jīng)發(fā)布，并且在其中新添加如了一些新功能。其中一個(gè)功能就是“Virtual DOM”。那么下面這篇文章就來給大家詳細(xì)介紹Vue.js 2.0中的Virtual DOM到底是什么？需要的朋友可以參考借鑒，下面來一起看看吧。2017-02-02
這篇文章主要介紹了vue自定義組件@click點(diǎn)擊失效問題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue替代vuex的存儲(chǔ)庫(kù)Pinia詳細(xì)介紹
這篇文章主要介紹了Vue替代vuex的存儲(chǔ)庫(kù)Pinia，聽說pinia與vue3更配,便開啟了vue3的學(xué)習(xí)之路，pinia 和 vuex 具有相同的功效， 是 Vue 的存儲(chǔ)庫(kù)，它允許您跨組件/頁(yè)面共享狀態(tài)2022-09-09
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)分頁(yè)的三種效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
這篇文章主要介紹了Vue pinia模塊化全局注冊(cè)，Pinia是Vue.js團(tuán)隊(duì)成員專門為Vue開發(fā)的一個(gè)全新的狀態(tài)管理庫(kù)，并且已經(jīng)被納入官方github2023-02-02
幾個(gè)你不知道的技巧助你寫出更優(yōu)雅的vue.js代碼
本文參考自油管上某個(gè)國(guó)外大神的公開演講視頻，學(xué)習(xí)了一下覺得很不錯(cuò)，所以在項(xiàng)目中也使用了這些不錯(cuò)的技巧。趁周末有空，寫個(gè)博客記錄一下2018-06-06