Gillchris

vue2 vs vue3 两个响应式更新的核心区别在于Object.defineProperty 和 Proxy 两个api 问题，经过这两个 api 能解决主要的响应式问题。对于一些情况需要特殊处理

前言 首先 ref 的出现是为了解决原始值的响应式问题 使用 这里发现有些不同的地方，我们在模板中使用不加 value, 而在 js 里面需要带上 value，

如果没有响应式的加持，我们更新完数据，页面是不会发生变化的，当我们重新执行函数，也就是重新获取最新的值来获取更新，所谓的响应式就是把这个更新的过程给自动化了，当数据变化时，自动地去更新 effect

我们考虑自己创建工具函数，工具函数的错误处理机制让使用者可以忽略错误而不受任何影响，或者选择自行处理错误，不再 try catch 一把梭

关于 vue 的 diff 算法、 patch、和 vnode、 key， key 不能为 index 的这些问题，是一个关联性的问题，形成了 vue 的整个形成了真实vdom 到 dom 的过程。

前言 众所周知，vue 中的更新时异步的，比如 this.msg = xxx，你看起来他是立马更新了，其实并没有。它会异步执行，接下来就来看看怎么实现的吧。 先上图 首先从数据改动开始说起 调用thi

解决了那些困惑 为什么组件能够通过 this.$store.state 访问到 vuex 注册的数据 执行 this.$store.commit() 能够触发 相应的 mutation 来更新 sta

直接上图 按图索骥 首先找到响应是的入口 找到源码中的入口/core/instance/state.js, 就是在数据初始化时执行的 initData, 在该方法中发现了，执行了 observer(d

整个 provide/inject 机制 是当前组件通过遍历所有的祖先组件，拿到 provide 选项，从而拿到所有的值，供当前组件使用