京尤不想

Pinia的优势 极其轻巧，完整的 Typescript 支持； 去除 mutations，只有 state，getters，actions（支持同步和异步） 没有模块嵌套，只有 store 的概念，

KeepAlive基本使用 缓存组件 在渲染完毕后需要对subTree进行缓存，需要保证渲染完毕后在调用mounted事件 复用组件 卸载组件 挂载组件 include和exclude max控制缓存

函数组件 函数式组件本质就是一个函数，函数的返回值就是虚拟DOM。 在 Vue 3 中，所有的函数式组件都是用普通函数创建的。换句话说，不需要定义 { functional: true } 组件选项。

异步组件 基本实现 异步组件超时处理 组件卸载的时候需要稍作处理 异步组件loading处理 异步组件加载重试处理

Teleport组件介绍 Vue3新增组件，该组件可以将制定内容渲染到制定容器中。默认内容都是渲染到元素app内，我们可以将其渲染到任意节点 （传送门） 组件挂载

Vue3中依赖注入原理 基本使用 我们需要先构建组件渲染的父子关系 Provide Inject 。。

EffectScope effectScope是一个函数，调用effectScope函数会返回一个对象，其中包含了run 和stop；在run中定义的所有effect函数，在调用了scope对象的st

编译优化 PatchFlags优化 Diff算法无法避免新旧虚拟DOM中无用的比较操作，通过patchFlags来标记动态内容，可以实现快速diff算法 创建虚拟节点 动态标识 靶向更新实现 靶向更新

Text-Fragment 文本类型 Fragment类型 同时这里要处理下卸载的逻辑，如果是fragment则删除子元素 组件渲染挂载流程 添加组件类型 h方法中传入一个对象说明要渲染的是一个组件。