首页 > 其他 > 详细

vue解决虚拟dom复用的问题

时间:2020-05-28 14:51:53      阅读:154      评论:0      收藏:0      [点我收藏+]

https://cn.vuejs.org/v2/guide/conditional.html#%E7%94%A8-key-%E7%AE%A1%E7%90%86%E5%8F%AF%E5%A4%8D%E7%94%A8%E7%9A%84%E5%85%83%E7%B4%A0

用 key 管理可复用的元素

Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。这么做除了使 Vue 变得非常快之外,还有其它一些好处

举个例子:页面需要点击不同的按钮切换不同的内容,如果不加key,页面只是内容变了,dom还是复用了之前的dom,这样并不合理

可以在dom节点上加 :key="new Date()",可以用时间戳区别key,每次可以的不同

 

之前遇到过一个问题,

1 <router-view :key="$route.fullPath"></router-view>

 

vue解决虚拟dom复用的问题

原文:https://www.cnblogs.com/shun1015/p/12980494.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!