1、Reactivity方法的实现
reactive方法会将对象变成 proxy 对象
reactive方法会将对象变成 proxy 对象
基本使用
核心: 将模版编译成 render 函数
1.用途
proxy 代理的目标必须是非原始值,所以 reactive 不支持原始值类型。所以我们需要将原始值类型进行包装。
接受一个 getter 函数,并根据 getter 的返回值返回一个不可变的响应式 ref 对象。
1.watch 基本使用
我们之前使用的 watch 函数是和 Vue 组件以及生命周期一起实现的,他们是深度绑定的,所以 watch 函数代码的位置在 vue 源码中的 runtime-core 模块中。
虚拟节点的实现
前后元素不一致
组件的挂载流程
组件的 render 函数每次更新时都会重新执行,但是 setup 函数只会在组件挂载时执行一次。