vue3源码系列

本文介绍 前面我们讲述了组件的挂载、更新等流程。本文继续讲解组件挂载流程。挂载流程主要由unmount、unmountComponent、unmountChildren三个函数控制。下面主要以unmo

本文介绍 之前我们详细讲解了patch函数,但是文章结尾有两个重要的函数还没有剖析。他们分别是patchUnkeyedChilren和patchKeyedChildren,其中patchKeyedCh

本文介绍 之前我们讲解了组件的初始化、组件的挂载、更新流程等。我们知道patch函数的主要作用是找出之前vnode与当前vnode的不同并进行渲染。本文我们跟着patch函数的流程继续讲解HTML元素

本文介绍 之前我们介绍了组件的创建过程、初始化过程、本文主要讲解组件挂载流程当中如何设置副作用,当改变响应式变量后会重新调用副作用函数触发更新流程。我们先来回顾一下挂载组件的函数(mountCompo

本文主要内容 学习Vue3的调度器原理。 了解nextTick的实现、为何在nextTick中可以获取到修改后的DOM属性。 pre、post、和普通任务的执行过程。 watch的实现原理。 调度器

本文我们将继续分析setup beforeCreate create调用前后发生了什么 如何兼容vue2的选项式api都将在本文中详细介绍。

前情提要 上文我们分析了挂载组件主要调用了三个函数: createComponentInstance(创建组件实例)、setupComponent(初始化组件)、setupRenderEffect(更

前情提要 上文我们讲解了执行createApp(App).mount('#root')中的mount函数，我们分析了创建虚拟节点的几个方法，以及setRef的执行机制、本文我们继续讲解mountCom

前情提要 本文我们接着Vue3源码系列(1)-createApp发生了什么?继续分析,我们知道调用createApp方法之后会返回一个app对象，紧接着我们会调用mount方法将节点挂载到页面上。所以

第三部分:深入分析对于map、set、weakMap、weakSet的响应式拦截 在上篇的内容中我们以reactive为起点分析了reactivity对于array和object的拦截,本文我们继续以

上一章中我们解析了createApp到底发生了什么? 本来我们应该继续向下解析mount方法的,但是后面很多地方涉及到了响应式的api也就是reactivity的api,所以我们必须要单独将这一章拎出

开篇导读: Vue作为一个相当出名的响应式框架。模板语法、声明式、组件化、轻量级、虚拟DOM的优化、组件级更新等都是它的优点,Vue3相比于Vue2更是重写了大部分源码,采用了更严格的Typescri