vue 中$index $key 已經移除了

之前可以這樣:

<ul id="example">
    <li v-for="item in items">
        {{$index}}
        {{$key}}
    </li>
</ul>

現在已經移除,如果還用的話就會報錯:Uncaught ReferenceError: $index is not defined;

現在這樣寫:

<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）。

這些個新玩意更新很快要時刻關注文檔;