之前可以這樣:

1 2 3 4 5 6

<ulid="example"> ????<liv-for="item in items"> ????????{{$index}} ????????{{$key}} ????</li> </ul>

現(xiàn)在已經(jīng)移除,如果還用的話就會報(bào)錯(cuò):Uncaught ReferenceError: $index is not defined;

現(xiàn)在這樣寫:

1 2 3 4 5 6

<ul id="example"> ????<li v-for="(item,index) in items"> ????????{{item}} ????????{{index}} ????</li> </ul>

第一個(gè)參數(shù)是值,第二個(gè)參數(shù)是索引;目的是為了保持和原生的一致;

官方文檔如是說:

$index and $key 移除已經(jīng)移除了 $index 和 $key 這兩個(gè)隱式聲明變量，以便在 v-for 中顯式定義。這可以使沒有太多 Vue 開發(fā)經(jīng)驗(yàn)的開發(fā)者更好地閱讀代碼，并且在處理嵌套循環(huán)時(shí)也能產(chǎn)生更清晰的行為。升級方式在代碼庫中運(yùn)行遷移工具來找出使用這些移除變量的示例。如果你沒有找到，也可以在控制臺錯(cuò)誤中查找（例如 Uncaught ReferenceError: $index is not defined）。

這些個(gè)新玩意更新很快要時(shí)刻關(guān)注文檔;

總結(jié)

以上是生活随笔為你收集整理的vue 中$index $key 已移除的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。