崔璨

Vue 3 的响应式系统，实现思路是通过 Proxy 对对象进行拦截，在 get 拦截中完成依赖收集，在 set 拦截中触发依赖更新，然后结合 effect （副作用函数）实现响应式的自动追踪与更新。

有了实现useState的经验，我们还是从useEffect的使用方法上入手。 useEffect接收两个参数，一个是用于回调执行的的callback，一个是依赖项。 示例： 代码实现 我们根据使用方

在实现useState之前我们要先了解一下useState的使用，在react中，如果要更新数据的话，一般是定义一个useState函数，然后从中拿到state和setState

在目前更新props的逻辑中，我们发现，如果更新一个子组件的话，会导致整个dom树都会更新，这样就造成了性能的浪费，所以我们只需要更新变化的子组件即可。 更新逻辑 旧的逻辑： 在 update() 函

保姆级带你手写Pinia插件：plugin-pinia-persistence。手把手带你实现存储键名自定义、存储介质扩展、数据筛选能力、生命周期钩子等功能

在上一节 更新props 中，我们判断如果新旧dom的对应tag如果是一样的，name表示更新逻辑，如果不一样，则表示新建或删除。 从一个例子中去理解： 上面例子中对应的链表图示如下。 从新旧链表中可

在绑定的事件中，如果在修改了某些变量，那么视图也应该相对应的发生改变，在 react 中，除了标签本身以外的所有内容都看作 props，所以只需要针对props进行更新即可。 更新props就是针对新

在react中，事件是通过 <div onClick={handleClick}>Counter</div> 的方式去绑定的 转化成vdom的结构如下： 所以我们只需要获取到这个dom的props即可

函数组件在React中是一个非常重要的概念，他可以帮助我们精简代码结构，根据功能拆分不同的组件并加以复用。 但上一篇的逻辑中，我们只对普通标签和文本做了处理，并没有函数组件相关的逻辑