![](https://img-blog.csdnimg.cn/91342e4a72d64007b71495907b7b8d50.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
【vue3源码】
文章平均质量分 82
深入分析vue3源码实现。
MAXLZ
你不一定非得长成玫瑰,你乐意的话,做茉莉,做淡菊,做无名小花,做千千万万。
展开
-
【vue3源码】十四、认识vnode中的shapeFlag和patchFlag属性
介绍vnode中的shapeFlag和patchFlag属性属性原创 2022-09-29 21:37:35 · 2299 阅读 · 1 评论 -
【vue3源码】十三、认识Block
Block是vue3中一种性能优化的手段。Block本质是一种特殊的vnode,它与普通vnode相比,多出了一个属性,这个属性中保存了所有Block子代的动态节点。Block进行patch可以直接对中的动态节点进行patch,避免了静态节点之间的比较。Block每次创建Block节点之前,需要调用openBlcok方法,创建一个新的数组赋值给,并push到blockStack的栈顶。在创建vnode的过程中如果满足一些条件,会将动态节点放到中。节点创建完成后,作为参数传入setupBlock中。原创 2022-09-20 16:25:36 · 2532 阅读 · 0 评论 -
【vue3源码】十二、认识虚拟DOM
虚拟DOM(也可以称为vnode)描述了一个真实的DOM结构,它和真实DOM一样都是由很多节点组成的一个树形结构。原创 2022-09-14 22:20:10 · 938 阅读 · 0 评论 -
【vue3源码】十一、初始vue3中的渲染器
vue3中的渲染器主要作用就是将虚拟DOM转为真实DOM渲染到对应平台中,在这个渲染过程中会包括DOM的挂载、DOM的更新等操作。通过方法会创建一个渲染器renderer,rendererrender、hydrate、createApp,其中render方法用来进行客户端渲染,hydrate用来进行同构渲染,createApp用来创建app实例。中包含了大量的函数用来处理挂载组件、更新组件等操作。原创 2022-09-10 22:53:45 · 1146 阅读 · 0 评论 -
【vue3源码】十、响应式API中的工具函数
本文介绍vue3中部分响应式API的工具函数的实现。原创 2022-09-08 13:46:37 · 441 阅读 · 0 评论 -
【vue3源码】九、ref源码解析
本文主要介绍vue3中ref的实现。原创 2022-08-31 21:26:18 · 1326 阅读 · 0 评论 -
【vue3源码】八、reactive——Collection的响应式实现
本文主要介绍reactive(collection)的实现。原创 2022-08-17 17:42:45 · 350 阅读 · 0 评论 -
【vue3源码】七、reactive——Object的响应式实现
本文介绍vue3对reactive object的响应式实现。原创 2022-08-08 21:53:38 · 1187 阅读 · 0 评论 -
【vue3源码】六、scheduler
scheduler通过三个队列实现,在vue只需通过调用、、queueJob方法将job添加到对应队列中,不需要手动控制job的执行时机,完全将job的执行时机交给了scheduler进行调度。queue执行时机DOM更新前queue中的job就包含组件的更新DOM更新后是否允许插队不允许允许不允许job执行顺序按入队顺序执行,先进先出按job.id升序顺序执行job。保证父子组件的更新顺序按job.id升序顺序执行jobscheduler中通过将队列中job的执行(即。原创 2022-07-22 21:09:36 · 1056 阅读 · 1 评论 -
【vue3源码】五、watch源码解析
本文将介绍watch、watchEffect、watchSyncEffect、watchPostEffect的具体实现。原创 2022-07-14 20:47:21 · 1281 阅读 · 0 评论 -
【vue3源码】四、computed源码解析
介绍vue3中computed的实现原理。原创 2022-07-08 21:46:44 · 627 阅读 · 0 评论 -
【vue3源码】三、effectScope源码解析
介绍effectScope的实现原理。原创 2022-06-30 20:57:40 · 692 阅读 · 0 评论 -
【vue3源码】二、vue3的响应系统分析
本文将对vue3的响应系统进行分析。原创 2022-06-29 14:45:27 · 628 阅读 · 0 评论 -
【vue3源码】一、认识副作用函数与响应式数据
理解vue3中的副作用函数与相应数据。原创 2022-06-26 22:27:18 · 1625 阅读 · 0 评论