前端Americano

如果问一个程序员最想要的东西，我想很多人都会说：我想去大厂。也许不一定每个人都有创业梦，但是大多数程序员都是有一个大厂梦的，其实我也不例外

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

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

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

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

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

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

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

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