ChrisLey

简单工厂模式 利用工厂函数，快速生成类的实例。对于生成的各个实例的区别，逻辑全写在一个工厂函数里。 优点：只需要一个简单的参数，就能获取到需要的对象，而无需关心创建的具体细节。

在年初 Vue3 刚成为 Vue 的默认版本时，在文档中看到了 Pug 的影子，虽然好奇，由于时间关系一直没能专心去尝试一下 Pug 在 Vue3 🀄️的体验。

我以为已经会了，之前在公司写项目基本都是用sass写样式，十分顺手。直到有段时间，我准备参考Element Plus来设计自己组件库的工程结构，看到了Element Plus那优雅的sass用法。

作为一个强大的多功能JS转译器，Babel有许许多多的模块可用于静态分析。而在项目中，有时候我们也需要创建一个符合项目需求的Babel插件。

我们知道，ES6+语法目前尚未被各大浏览器全面支持，且ES语法新特性也在逐年增加。若想在项目中愉快地使用较新版本的ES语法，那就需要工具来对我们的代码里的语法进行 “降级” 处理。

前面几篇走完了createApp的流程，理清了diff算法的思路。现在回归到运行时的核心API上。在第一篇和第二篇中有解读过watch和computed，而本文则主要梳理异步组件的API。

上一篇中，我们理清了createApp走的流程，最后通过createAppAPI创建了app。app上的各种属性和方法也都已经有所了解。

前面几篇介绍的大都是reactivity相关的API。我们在使用Vue3作为前端框架时，往往在我们的main.js/main.ts里来创建vue3的app实例，就会用到createApp这个API。

KeepAlive是个抽象组件，自身不会渲染一个 DOM 元素，也不会出现在父组件链中，我们用它来缓存组件的状态。KeepAlive只对插入的单个组件起效果，因此一般只给它安排一个组件。