汽水123

Vue3之Teleport实现原理对于更新，只需要调用`patchChildren`比较子节点并替换。但是如果是Teleport组件的to属性改变了，代表要修改挂载点。因为子节点已经被替换，所以只需要

异步组件利用了动态import,下面链接指向对应的文档。 静态导入(The static import declaration) 动态导入(dynamic import, is a function-

Vue3中初始化一个程序: 将App(根组件)作为createApp的参数，返回一个app实例(对象)，再调用实例中的mount方法，将应用程序渲染到 id 为 'app' 的 HTML 元素中 那么

源码层面的优化 源码优化面向的是框架的开发者，目的是让框架本身的代码更易于开发和维护。源码的优化主要体现在使用monorepo和TypeScript开发和管理源码. Vue2的源码统一放在src下，3

Vue的 KeepAlive 组件可以避免被它包裹的组件被频繁地 销毁/重建。 例如 如果 Tab组件没有被KeepAlive包裹，v-if将真实的卸载DOM，挂载DOM。我们都知道这是很消耗性能的。

Vue3中使用的就是快速Diff算法性能优于Vue2所采用的双端 Diff 算法 可能其他的文章会让你先看一道算法题,即力扣第300题最长递增子序列,对于没有算法基础的同学理解会有困难. 里面涉及到动

那么如果我们现在遇到了一个组件,应该怎么处理它呢.首先我们先来看看组件里有什么. 一个组件必须包含一个渲染函数，即 render 函数，并且render的返回值应该是虚拟 DOM。换句话说，组件的渲染

先拿上一节简单Diff作比较 简单Diff在这种情况下要移动两次,但是我们可以直接看出只需要移动key为3的元素既可,也就是一次移动. 其实双端Diff并不复杂,也就是首首,尾尾,首尾,尾首比较.先获

key 属性就像虚拟节点的“身份证”号，只要两个虚拟节点的 type 属性值和 key 属性值都相同，那么我们就认为它们是相同的，即可以进行 DOM 的复用 先从最简单的情况开始(只修改内容),只需要