没有看过provide和inject函数源码的小伙伴可能觉得他们实现数据多级传递非常神秘，其实他的源码非常简单，这篇文章欧阳来讲讲provide和inject函数是如何实现数据多级传递的。

背景 这几天看到好多文章标题都是类似于： 不用 ref 的 xx 个理由 不用 reactive 的 xx 个理由 历数 ref 的 xx 宗罪 我就很不解，到底是什么原因导致有这两批人： 抵触 re

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

都会用 nextTick，也都知道作用是在下次 DOM 更新循环结束之后，执行延迟回调能拿到更新后的 DOM 相关信息....

深入研究学习 Vue2、Vue3 中重写数组方法的原因，谈谈对于两个不同重写方式的看法.......

我们每天写vue代码时都会使用到这些宏，但是你有没有思考过vue中的宏到底是什么？为什么这些宏不需要手动从vue中import？为什么只能在setup顶层中使用这些宏？

1、前言 所谓 watch，其本质就是观测一个响应式数据，当数据发生变化的时通知并执行相应的回调函数。如下示例： 假设 watch是一个响应数据，使用 watch函数观测它，并传递一个回调函数，当修改

前言 我们知道 Vue3 中声明响应式是通过 reactive 和 ref 这两个函数，上篇我们分析了 reactive 的实现原理，接下来我们再来看下 ref 是如何实现的。

在vue3的源码中，实现了一个ShapeFlags（对元素进行标记判断是普通元素、函数组件、​插槽、 keep alive 组件等等）这里不展开讲。 上面的代码都是vue3源码中的片段，其中有<<,&,|=这几个平时基本上不会用到运算法，本文就总结…