vue2.0中$index $key變更

Vue2.0文檔描述

$index and $key 移除

已經移除了 $index 和 $key 這兩個隱式聲明變量,以便在 v-for 中顯式定義。這可以使沒有太多
 Vue 開發經驗的開發者更好地閱讀代碼,並且在處理嵌套循環時也能產生更清晰的行爲。

升級方式

在代碼庫中運行遷移工具來找出使用這些移除變量的示例。如果你沒有找到,也可以在控制檯錯
誤中查找(例如 Uncaught ReferenceError: $index is not defined)。

作者:小程序
鏈接:http://www.jianshu.com/p/536386d4c41f
來源:簡書
著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。

之前寫法:

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

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

Vue2.0寫法

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

第一個參數是值,第二個參數是索引;目的是爲了保持和原生的一致;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章