vue 源码解析

最近在项目中遇到并解决了一个弹窗拖拽卡顿严重的问题，解决过程还是挺有意思挺有感触的，因此用文章记录一下。

Vue3 中的 v-memo 是一种高效的优化组件重渲染的指令。它可以阻止组件元素在没有必要的情况下进行重新渲染，从而提高应用程序的性能。

最近在看卡颂大佬的《React 设计原理》，看了第一章，就有一种醍醐灌顶的感觉，于是决定记录分享一下这一章的内容。

以前一直以为，VNode 也能像 DOM 那样，根据 children 属性，将 VNode 连接组成一棵树。但最近我发现这是不对的，VNode 不能单独组成一棵完整的页面树。

本文会用一个极其简单的例子，来说明如何处理一个 Vue 文件，并将其展示到页面中。在这个过程中，介绍 Vue 提供的编译能力，以及如何组合利用这些能力。

在之前的文章，我们已经介绍过 vue3 的响应式原理。而这篇则是在响应式原理的基础上，进一步介绍 Vue3 的另外一个 API —— watch

Vue是调度算法的使用者和受益者。这些设计，都是基于先人的探索沉淀，再结合自身需求改造出来的。 前端技术的更新迭代速度非常快，但是这些优秀的设计，却是不变的，这也就是我们学习这些优秀设计的目

在 vue3 官方文档中，仅仅看到极少的关于队列的描述，多数情况我们不需要关心它，但它在 vue3 内部，负责整个 vue 代码的运作调度，是 vue3 内部很重要的基础设施。

vue 的响应性的实现，在 @vue/reactivity 包下，对应的源码目录为 packages/reactivity。ref 比 reactive 的实现简单，且不需要用到 es6 Proxy