关于 Proxy 的基础知识，可以去MDN学习直达链接。 本文将实现响应式的核心函数命名为 reactive， 这个函数返回一个被代理之后的结果，可以通过操作这个返回结果来触发响应式。 首先，给出测试数据：一个有 name 属性的对象 obj，我们希望经过 reactive 函…

当大多数国人还在庆祝国庆节的时候，尤雨溪大大在昨天凌晨发布了 Vue 3.0 源代码，源码地址：https://github.com/vuejs/vue-next 。虽然目前还 处于 Pre-Alpha 版本，但是可以预见后面的 Alpha、Beta 等版本应该不会太遥远。 之…

5号凌晨，尤雨溪公布了 Vue 3 源代码。 话不多说，我们趁热对 Vue 3 源码进行一些简要的分析。 如果你还没有阅读过 Composition API RFC，可能无法完全看懂下面的内容。 目前打包后的代码是 ES2015+，不支持 IE 11。 目前的代码 98% 以上…

vue3.0中，响应式数据部分弃用了 Object.defineProperty，使用 Proxy 来代替它。本文将主要通过以下方面来分析为什么vue选择弃用 Object.defineProperty。 这种说法是有问题的，事实上，Object.defineProperty …

距离上一篇过去很久了。你可以快速浏览历史文章： 之前在看 reactive 和 ref 时，总有两团黑雾笼罩着我们，一团是 track,一团是 trigger。 二者都来自同一个文件，effect.ts。 在 set 时， trigger(target, OperationTy…

记得很早之前，有个人说过，看源码就像武侠小说里的 学习武林秘籍。会耍刀耍剑那是外力，学习武功秘籍才是内力，才能和别人在对波或战前拼气时更升一筹。 读框架的源码的确可以装以上的逼，但...... 你可能会想：是不是我太笨？是不是源码太难懂？是不是我不适合这一行...... 别担心…

10.5号，国庆佳节，小右男神发布了vue@3.0.0的alpha版代码。反正也没啥事干，最近也在学TypeScript，正好看看男神的代码，学习一下。 从入口文件packages/vue/index进去，初极狭，7行代码。复寻数个文件，直至runtime-core，豁然开朗。…

项目地址vue3.0，版本Pre-Alpha数据响应源码地址引入的代码加注释isObjecttoTypeStringbuiltInSymbolsisReftrackcreateGettermutabl

Vue3watch执行过程调用watchdoWatch(代码有点长，直接说一下流程吧)effect函数（订阅函数）run函数(大概的理解，如有问题麻烦了)