之前可以这样:
| 1 2 3 4 5 6 | <ulid="example"> <liv-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）。 这些个新玩意更新很快要时刻关注文档;
