码迷,mamicode.com
首页 > 其他好文 > 详细

vue 中$index $key 已经移除了

时间:2017-06-01 23:40:53      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:查找   vuejs   containe   highlight   没有   nbsp   控制   控制台   开发者   

https://cn.vuejs.org/v2/guide/migration.html#index-and-key-移除

 

之前可以这样:

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)。
技术分享

 

vue 中$index $key 已经移除了

标签:查找   vuejs   containe   highlight   没有   nbsp   控制   控制台   开发者   

原文地址:http://www.cnblogs.com/exmyth/p/6931198.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!