Vue原理及源码

在 Vue.js 模板的编译过程中，我们已经知道静态提升的好处：针对静态节点不用每次在 render 阶段都执行一次 createVNode 创建 vnode 对象。但它有没有成本呢？

v-memo 是 Vue.js 3.2 版本新增的指令，用于缓存具体元素节点的 vnode，在节点更新时节约重新创建 vnode 的时间，节约 patch 比较的时间。

Vue3 通过编译阶段对静态模板的分析，编译生成了 Block Tree。将更新的复杂度变成和动态节点的数量正相关，而不与模板大小正相关，如果一个模板的动静比越低，那么性能优化的效果就越明显。

watch 用法：1.侦听一个 getter 函数： 但是它必须返回一个响应式对象，当该响应式对象更新后，会执行对应的回调函数。 2.侦听一个响应式对象： 3.侦听多个响应式对象

computed 根据一些依赖的响应式数据计算出新值并返回。当依赖发生变化时，计算属性可以自动重新计算获取新值

vite 主要是用于开发环境，提高我们在开发环境构建项目的速度，其在开发环境下使用 esbuild，在生产环境下使用 rollup

Koa 实际上是一个 class，继承自 node 的 events 事件触发器。koa 只是负责开头（接受请求）和结尾（响应请求），对请求的处理都是由中间件来实现。

从范式上来看，视图层框架通常分为命令式和声明式。 命令式：关注过程，自然语言描述能够与代码产生一一对应的关系，代码本身描述的是“做事的过程”。 声明式：更加关注结果

createApp 其实是个入口函数，它是 Vue.js 对外暴露的一个函数。createApp 主要做了两件事情：创建 app 对象和重写 app.mount 方法。

到了 Vue.js 3.0 ，整个源码是通过 monorepo 的方式维护的，根据功能将不同的模块拆分到 packages 目录下面不同的子目录中。