林某人_

前言 其实ShapeFlags的作用就是把前面的组件类型判断给整合起来，写成一个全局的enum，这样后期维护修改，可以便捷些 实现 新增ShapeFlags.ts 新增类型判断 vnode.ts 修改

基础版 实现 provide/inject 声明 实现父子组件的注入/取值 案例 实现 创建provide/inject apiInject.ts 拓展实例对象 component.ts create

思考 vue3中的getCurrentInstance api是 Composition API独有的语法糖，用来获取当前组件的实例 只有Composition Api有 每个组件都是独立的 根据以上

Fragment 回顾创建slot的时候的代码 问题：每次都是通过createdVNode去重新创建一个新的div节点，这样会导致一个问题。每个slot都会包一层div 很显然，这不优雅~ 可以通过F

实现一个普通的slots demo App.js Child.js index.html 在实例挂载$slots component.ts componentPublicInstanceProxyHa

思考 setup可选的第二个参数是context，里面有emit setup接收一个对象，里面有emit 子组件触发emit(xx)，父组件可以通过onXx接收回调 emit还可以传数据，emit(x

思考 vue render 中可以通过 onXXX去注册一些事件，例如 onClick(){}，去注册点击事件 实现

vue的render函数是可以通过this.xxx去获取options api和 composition api的数据的 基于hello word的例子，实现数据代理 实现setupState注册 思

why 我们需要把代码打包成库，供外部使用 rollup 一般是用来打包代码库 webpack 一般是用来打包应用 安装rollup及插件 配置rollup rollup.config.js pack