Vue中v-for循环key属性注意事项有哪些

这篇文章将为大家详细讲解有关Vue中v-for循环key属性注意事项有哪些，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

成都创新互联公司专注于左云企业网站建设,成都响应式网站建设公司,商城建设。左云网站建设公司,为左云等地区提供建站服务。全流程按需策划设计，专业设计，全程项目跟踪，成都创新互联公司专业和态度为您提供的服务

当Vue用 v-for 正在更新已渲染过的元素列表是，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue将不是移动DOM元素来匹配数据项的改变，而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。

为了给Vue一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key 属性。key属性的类型只能为 string或者number类型。

在下面这个例子中，如果不给 p 元素绑定key，我先选中第一个，

然后输入ID和Name，点击添加按钮之后，就会出现如下这种情况，刚添加的元素被选中。如果绑定了key属性，则不会出现这种情况。

完整的代码：

 
 
 

 
  
  

   ID:
   Name:
   
  
  
  
  
  
   
   {{item.id}}--{{item.name}}