自信就是气质

1. 如何学习调试 vue2 源码 2. data 中的数据为什么可以用 this 直接获取到 3. methods 中的方法为什么可以用 this 直接获取到 4. 学习源码中优秀代码和思想，投入到

是否能够深刻理解 this，是前端 JavaScript 进阶的重要一环，JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变，有这样的说法：谁调用它，this 就指向谁

希望本文可以给你不一样的角度去理解 React Hooks 的本质原理，也只有理解了 React Hooks 实现的本质原理，才可以在 Vue3 的函数式组件上实现 React-style Hooks

在面试中难免会被问到 Vue2 和 Vue3 的相关知识点的实现原理和比较，面试官是步步紧逼，一环扣一环。 Vue2 的数据响应式原理是怎么样的？ Vue3 的数据响应式原理又是怎么样的？

对于这个问题,我突然被问到的时候,会有一点很不知所措的感觉;虽然我看过一些相关的文章,但是在我的小脑壳中却没有一点印象。 今天，我会从npm和yarn的出现，版本的变化和优化，安装原理和在实践的一些建

Proxy 可以为其他对象创建一个代理对象，在实现代理的过程中，我们遇到了访问器属性的 this 指向问题，这需要使用 Reflect 来和 Proxy 一起使用并指定正确的 receiver 来解决

最新的 effect API、watch API、组件更新函数都是通过 ReactiveEffect 类来实现的，都是利用了 ReactiveEffect 类中的 run 方法执行副作用函数及可以通过

transform阶段是对AST树的升华，可以让其在generate阶段更好的产生的渲染函数，这里我们只关心内置的transform，用户的transfomr不去看。

Vue3的生命周期的实现原理是比较简单的，但要理解整个Vue3的生命周期则还要结合整个Vue的运行原理，又因为Vue3的一些生命周期的执行机制是通过Vue3的调度器来完成的，所以想要彻底了解Vue3的