cwjxyp的博客

h函数是创建节点, 可实现展示template如何渲染到html中的过程，因为vue渲染到页面上是通过loader打包成模板字符串拼接渲染的，所以h函数同样也是通过字符串渲染到html中h函数就是vue中的方法，这个函数作用就是创建虚拟dom，追踪dom变化的。

2.init2.1 package initruntime-core/package.json2.2 调整依赖3.实现3.1 init接受一个参数渲染相关配置，提供一个方法，参数为虚拟节点和真实的元素3.2 render实现vnode如图：此时可以实现基础渲染,由于我们知道节点是文本，可以直接使用文本进行渲染，那如果里面又嵌套一个呢?为了能够判断子节点的类型，定义一个枚举比如是节点和文本的组合，节点为1，文本为8，采用或运算，得出节点类型数据9，可以看到上图中节点的为9，采用&运算

项目入口文件文件位置保证了render的中主要调用了创建返回的App，中返回核心方法主要包含了创建渲染器和更新和渲染的一系列方法，接下来开始从使用到实现吧~

实现使用类实现，在方法中收集，在时触发收集到的2.toRef功能 函数可以将一个响应式对象的属性转换为一个独立的 对象。返回的是一个指向源对象属性的 引用，任何对该引用的修改都会同步到源对象属性上。使用 时需要传入源对象和属性名作为参数。首先定义一个对象，将对象进行结构赋值重组后,得到的对应不再具有响应式特性使用转换对象中的某个属性，返回一个toRefs功能 函数可以将一个响应式对象转换为一个普通的对象，该对象的每个属性都是独立的 对象。返回的对象可以进行解构，每个属

侦听一个或多个响应式数据源，并在数据源变化时调用所给的回调函数。函数或对象或数组都转化为。函数形式，回调方法相当于。

reactive方法会将对象变成proxy对象，effect中使用reactive对象时会进行依赖收集，稍后属性变化时会重新执行effect函数。

是管理项目代码的一个方式，指在一个项目仓库(repo)中管理多个模块/包(package)vue3源码采用Monorepo管理项目。

默认不执行，在取值时执行，具有缓存功能，数据不变多次取值只触发一次取值计算。此时已经简单实现了computed，以下情况我们修改了。，直接取缓存的值，依赖的属性发生变化后，，当计算属性依赖的属性变化后，不仅修改。调整effect.ts文件，抽出来方法。，用来判断是否需要重新执行。的返回值返回一个不可变的响应式。，需要执行，计算取值后，缓存结果，重新渲染页面，但是并未执行。的值，理论上应该执行。，同时让计算属性收集。