ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue面试题

2020-06-25 21:59:27  阅读:155  来源: 互联网

标签:触发 面试题 vue text 元素 Vue key


一. Vue 核心小知识点

 

1、vue 中 key 值的作用?

key     的特殊属性主要用在 Vue 的虚拟 DOM 算法,在新旧

nodes 对比时辨识 VNodes。如果不使用 key,Vue 会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用 key,它会基于 key 的变化重新排列元素顺序,并且会移除 key 不存在的元素。

有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。

最常见的用例是结合     v-for:

 

1

2

3

 

<li v-for="item in items" :key="item.id">...</li>

</ul>

 

它也可以用于强制替换元素/组件而不是重复使用它。当你遇到如下场景时它可能会很有用: 完整地触发组件的生命周期钩子触发过渡

 

1

2

3

 

<transition>

<span :key="text">{{ text }}</span>

</transition>

当 text 发生改变时,<span> 会随时被更新,因此会触发过渡。

标签:触发,面试题,vue,text,元素,Vue,key
来源: https://www.cnblogs.com/maliyaya/p/13193055.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有