美文网首页
vue2.0中$index $key变更

vue2.0中$index $key变更

作者: 小程序 | 来源:发表于2017-03-02 10:11 被阅读2040次

Vue2.0文档描述

$index and $key 移除

已经移除了 $index 和 $key 这两个隐式声明变量,以便在 v-for 中显式定义。这可以使没有太多
 Vue 开发经验的开发者更好地阅读代码,并且在处理嵌套循环时也能产生更清晰的行为。

升级方式

在代码库中运行迁移工具来找出使用这些移除变量的示例。如果你没有找到,也可以在控制台错
误中查找(例如 Uncaught ReferenceError: $index is not defined)。

之前写法:

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

第一个参数是值,第二个参数是索引;目的是为了保持和原生的一致;

相关文章

网友评论

      本文标题:vue2.0中$index $key变更

      本文链接:https://www.haomeiwen.com/subject/epjhgttx.html