vue 中的key 的用法

(Emitted value instead of an instance of Error) <router-link v-for="item in mycrowdJoinArr">: component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.

咱们有的时候会在npm run dev的时候  发现会出现这样一行代码    html

为了给 Vue 一个提示,以便它能跟踪每一个节点的身份,从而重用和从新排序现有元素,你须要为每项提供一个惟一 key 属性。理想的 key 值是每项都有惟一 id。这个特殊的属性至关于 Vue 1.x 的 track-by ,但它的工做方式相似于一个属性,因此你须要用 v-bind 来绑定动态值.建议尽量使用 v-for 来提供 key ,除非迭代 DOM 内容足够简单,或者你是故意要依赖于默认行为来得到性能提高。由于它是 Vue 识别节点的一个通用机制, key 并不特别与 v-for 关联,key 还具备其余用途,咱们将在后面的指南中看到其余用途。vue

这是由于咱们用v-for的时候   在vue组件上面使用的   这个时候  咱们须要给它加上 :key=“xxx” npm

一个独一无二的表示来表示它的惟一性ide

<router-link v-for="n in 100" :key="n"></router-link>性能

 

这样子就不会报错了ui

相关文章
相关标签/搜索