2021-04-14

最新推荐文章于 2022-01-26 22:12:32 发布

weixin_41961923

最新推荐文章于 2022-01-26 22:12:32 发布

阅读量49

点赞数

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_41961923/article/details/115701049

版权

vue源码解读

一.dom的核心渲染
创建vnode数组,渲染vnode
vnode组件对象

const vnode={
type:button,
props:{
msg:"test"}
}

引入vnode,可以把渲染过程抽象化,从而使得组件的抽象能能力得到提升
diff算法在减少dom操作方面足够优秀,但最终还是避免不了操作dom,所以性能并不是vnode的优势
组件渲染流程
在这里插入图片描述
组件更新

weixin_41961923

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2021-04-14

vue源码解读一.dom的核心渲染创建vnode数组,渲染vnodevnode组件对象const vnode={type:button,props:{msg:"test"}}引入vnode,可以把渲染过程抽象化,从而使得组件的抽象能能力得到提升diff算法在减少dom操作方面足够优秀,但最终还是避免不了操作dom,所以性能并不是vnode的优势组件渲染流程组件更新...
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。