之前可以這樣:
1 2 3 4 5 6 | < ul id="example"> ???? < li v-for="item in items"> ???????? {{$index}} ???????? {{$key}} ???? </ li > </ ul > |
現在已經移除,如果還用的話就會報錯:Uncaught ReferenceError: $index is not defined;
現在這樣寫:
1 2 3 4 5 6 | <ul id= "example" > ???? <li v- for = "(item,index) in items" > ???????? {{item}} ???????? {{index}} ???? </li> </ul> |
第一個參數是值,第二個參數是索引;目的是為了保持和原生的一致;
官方文檔如是說:
$index and $key 移除已經移除了 $index 和 $key 這兩個隱式聲明變量,以便在 v-for 中顯式定義。這可以使沒有太多 Vue 開發經驗的開發者更好地閱讀代碼,并且在處理嵌套循環時也能產生更清晰的行為。升級方式在代碼庫中運行遷移工具來找出使用這些移除變量的示例。如果你沒有找到,也可以在控制臺錯誤中查找(例如 Uncaught ReferenceError: $index is not defined)。
這些個新玩意更新很快要時刻關注文檔;