0
点赞
收藏
分享

微信扫一扫

vue组件渲染过程

椰果玩安卓 2022-02-18 阅读 100
vue.js

1,生成render 函数,生成vnode ,将虚拟节点patch(vnode)到绑定元素上。

2,什么是虚拟done?

虚拟DOM也就是我们常说的虚拟节点,他是通过JS的Object对象模拟DOM中的节点,然后在通过特定的render方法将其渲染成真实的DOM节点

为什么要使用虚拟节点?

频繁的DOM操作会导致大量页面元素的重绘和回流,处于性能优化的考虑我们应该减少重绘和回流的操作。而对虚拟节点的DOM操作,并不会触发重绘和回流,把处理后的虚拟节点映射到真是DOM上,只需要进行一次重绘和回流,提高了性能。

重绘:不会影响其他元素的布局,这种操作叫做页面的重绘。列如:background="red"这种代码。

回流:会影响其他元素的布局,这种操作叫做页面的回流。列如:重新设置一个元素的宽,高的这种代码。

注:(回流必将引起重绘,而重绘不一定会引起回流。)


3,DIFF算法

DIFF算法是DOM更新的一种算法,指页面被更新时,程序用那种策略去做更新DOM。

举报

相关推荐

0 条评论