Vue3

一、虚拟节点树的生成流程 在阐述Diff算法之前，先简单聊下虚拟节点树的生成过程。 vue-sfc模块是Vue3的模板编译模块，在一个.vue文件内，顶层的<template>内的模板将被编译成一个组

一、虚拟节点的创建与渲染 我们知道，Vue框架是基于虚拟节点进行页面渲染的，虚拟节点保存着渲染实际dom元素相关的所有信息，整个Vue3应用就是一棵虚拟节点树的映射。在创建这棵节点树的过程中，一种类型

一、简要介绍 在Vue3整个框架中，主要分为runtime以及complier两个部分。 complier 负责编译解析 runtime 提供运行时环境 两部分有着极为紧密的前后关联关系。compli

在模板编译原理中，阐述到模板编译主要分为3个阶段，其中第2个阶段为 transfrom，主要是针对一些指令进行处理，但由于这部分逻辑特别复杂，没有从代码层面阐述。因此这篇博客借助模板编译工具从渲染函数

这篇博客针对Vue3的编译模块进行原理上的简要梳理，不做源码层面上的分析 一、Vue3的编译与运行时 熟悉Vue框架的开发者应该都知道，使用Vue项目进行开发时，是分为模板编译和运行时2大阶段的。也许

这篇博客需要对响应式对象有一定的理解。如果不熟悉响应式对象，可以先看Vue3响应式对象-reactive，Vue3响应式对象-ref，Vue3响应式对象-计算属性和异步计算属性 一、什么是依赖？ 在看

一、前言 在之前的博客中，已经针对ref对象和reactive对象做了详细的分析，这2种对象覆盖了常规类型以及对象类型的响应式设计。计算属性就是在这2种对象的基础上，实现的最后一种响应式对象。 计算属

上篇博客细聊了reactive对象，这篇博客谈谈对于ref对象的理解 一、ref对象简要介绍 与reactive对象不同的一点是，ref对象不是通过代理实现的。从设计上看，ref对象和reactive

一、reactive对象简要介绍 reactive对象是Vue3为最常用的响应式对象之一。其通过代理Proxy实现，是对象类型的一种响应式封装。 二、不同reactive对象的区别 reactive

这篇博客从设计原理上介绍Vue3的响应式系统，并通过示例解释其中的主要流程，针对细节不做过多讨论 一、设计模式-观察者模式 Vue3响应式系统，本质上是观察者模式的一种应用，只不过由于封装较为精妙，能