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

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