用户7866379816645

vue3实现注册事件功能 首先我们在app.js的render函数中给我们的元素写上onClick事件，如图： 接着我们先实现一下，onClick事件的触发，可以在app.js中看到，我们的时间其实也

**vue3的shapeFlags实现** shapeFlags最主要的作用就是标识虚拟节点的类型，但其实如果只是为了标识类型查改方便，对象已经符合了我们所想要做的操作，为什么还需要用二进制来做的，主

vue3实现组件代理对象 首先我们在render函数中使用this.msg访问setup中return出来的对象的值的时，会发现访问到的值都是undefined。 所以我们需要在render中通过th

vue3的element挂载主流程实现 首先我们先来对App.js的render函数进行一个改造，让它拥有元素，属性，还有children，构造如下图： App.js： 1 接着上篇文章中的报错，我们

使用rollup打包自己的vue3 那直接开始打包流程吧： 1 我们先安装rollup 运行 yarn add rollup --dev 2 我们先给src加上一个打包的入口，在src下新增一个ind

vue3初始化component的主要流程 首先，先给出component初始化流程的思维导图，跟着思维导图会对整个流程非常清晰： 注：截图为项目到这一章所有的文件，等等也会给出涉及到文件的相应文件

vue3中computed计算属性的原理 computed和ref很像，都是变量.value，不一样的地方可能就是computed有缓存

我们使用vue3的时候就会发现script中的ref需要.value而template中的不用，其实他使用到到了proxyRefs对setup中的变量进行了转换，接下来就讲一讲proxyRefs原理及

isRef和unRef的原理及实现 这一节的两个功能点的实现非常的简单 isRef的功能：判断一个变量是否是一个ref类型 unRef的功能：直接取到变量的.value值 isRef测试用例： 实现：