vue3源码系列

1.编译器的概念 编译器其实就是一段程序，它用来将一种语言A翻译成另外一种语言B，我们称之为A为源代码，B为目标代码， 编译就是将源代码翻译为目标代码的过程。 完整的编译通常分为以下几个步骤，如图：

1.keepAlive组件的使用 默认情况下，一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时，会创建一个只带有初始状态的新实例。 <KeepAlive

1.异步组件的基本使用 1.1异步组件的定义 在Vue中，当我们注册全局或局部组件时，它们都是同步地被“立即解析并加载”的。这意味着在我们的程序初始化时，所有组件都会通过网络被下载到内存中，并且在内存

vue3中如何实现slot和emit原理，从组件化的功能中，到渲染中简单易懂的实现了slot和emit

1.理解props与组件的被动更新 1.理解组件props传参 再虚拟DOM的层面，组件的props和普调的HTML标签属性差距不大，假设我们的虚拟DOM代码如下 在编写组件时，我们需要显式地指定组件

1.组件的概念 一句话总结：组件就是一组DOM元素的封装， 这组DOM元素就是组件要渲染的内容，如下面代码 如果从渲染器中来看，一个组件则是一个特殊类型的虚拟DOM节点，那我们对于文本，字符串都可以用

1.watch的基础概念 所谓 watch，其本质就是观测一个响应式数据，当数据发生变化 时通知并执行相应的回调函数。举个例子 假设 obj 是一个响应数据，使用 watch 函数观测它，并传递一个

在理解计算属性之前，我们需要先来聊聊关于懒执行的 effect，即 lazy 的 effect。这是什么意思呢？举个例子，现在我们所实现的 effect 函数会立即执行传递给它的副作用函数，例如： 但

前言：理解什么可调度性。所谓的可调度，就是再程序在触发时（trigger动作触发副作用函数时），我们有能力决定副作用函数的执行时机，次数和方式。 那我们就按照一下代码来看看如何决定副作用函数的执行方式

前言 在前端开发中，我们经常需要处理复杂的布局结构。在 Vue 2 中，组件模板必须有一个根元素，这意味着即使我们只想返回多个兄弟节点，也必须额外添加一个包裹元素。这种限制有时会导致不必要的嵌套，增加

原始值指的是 Boolean、Number、 Big?nt、String、Symbol、undefined 和 null 等类型的值。在 JavaScript 中，原始值是按值传递的，而非按引用传递。

Vue的异步更新机制 我们都知道Vue的更新是异步，那我们就知道在js中，异步任务就依赖于事件循环的机制。事件循环的机制就是一个执行模型，用于处理异步任务的执行顺序。那Vue就是借助了这一点，就实现了

描述了一个组件挂载到页面的流程，都是简化了一些代码逻辑，对基本流程进行了描述,重点关注以下几个方面 createVNode，render,h函数

我正在参加「掘金·启航计划」 1.computed()定义 接受一个 getter 函数，返回一个只读的响应式 ref 对象。该 ref 通过 .value 暴露 getter 函数的返回值。它也可以

为什么在有reactive利用了proxy实现了数据劫持后，还需要用到ref 2.为什么ref的值调用要用.value的形式来取值

什么是响应性 这个术语在今天的各种编程讨论中经常出现，但人们说它的时候究竟是想表达什么意思呢？本质上，响应性是一种可以使我们声明式地处理变化的编程范式

回顾2022，展望2023，我正在参与[2022年终总结征文大赛活动](https://juejin.cn/post/7172462429929111559 "https://juejin.cn/po

关于reactive()实现的简单介绍，其中包括proxy的代理使用，包括shallowReactive的实现方式和函数柯里化的应用

理解vuex中常用的几个问题 模块的局部状态 namespaced注册的命名空间 strict严格模式的开启 动态注册模块 辅助函数的实现

一、核心原理 Vuex本质是一个对象 Vuex对象有两个属性，一个是install方法，一个是Store这个类 install方法的作用是将store这个实例挂载到所有的组件上，注意是同一个store