vue 中$index $key 已移除

之前可以这样:

<ulid="example">

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

这些个新玩意更新很快要时刻关注文档;

vue 中$index $key 已移除相关推荐

Vue中的key有什么作用？
在 Vue 中,key 是一个特殊的属性,用于给每个节点(组件)设置唯一的标识符.它在 Vue 的虚拟 DOM 的渲染和更新过程中发挥重要作用,主要有以下两个方面的作用: 提高渲染效率当 Vue 在 ...
Vue 循环的 key 作用
• vue 中循环需加 :key="唯一标识" ,唯一标识可以指 item 里面 id. index 等,因为 vue 组件高度复用增加 key 可以标识组件的唯一性,为了更好地区 ...
【Vue2.0】—Vue中的key有什么作用？（四）
[Vue2.0]-Vue中的key有什么作用?(四) <div id="root"><ul><button @c ...
vue中的key的作用？
一.写在前面下面总结一下,vue中的key的作用,在vue中我们可能在两种情况下使用key,第一种情况下就是在v-if中,第二种情况下就是在v-for中使用key.下面我们来看一下key在其中起到的 ...
vue中的:key是什么，有什么用?
vue中的:key是什么,有什么用? 因为不理解 :key(v-bind:key),网上查了一些的资料,这篇写得非常不错,很简洁清楚. 其实不只是vue,react中在执行列表渲染时也会要求给每个组件 ...
【Vue】中Key的作用
Vue中key的作用虚拟DOM 虚拟DOM 本质上是一个js对象 ,通过对象来表示真实的DOM结构. key是虚拟DOM对象的标识,当状态中的数据发生变化时,Vue会根据新数据生成新的虚拟DO ...
Vue超详细（已完结）
Vue Hello World! 模板语法插值语法 {{}} 用于解析标签体内容  <script src="js/vue.js" ...
vue 2.0 :key的作用
<div v-for="item in items" :key="item.id">  </div> ...
vue v-if 加key值的作用
<div id="app"><template v-if="type === 'name'"><label>用户名:< ...

vue 中$index $key 已移除

vue 中$index $key 已移除相关推荐

最新文章

热门文章