类别：vue / 日期：2022-12-08 / 浏览：287 / 评论：0
a) 生成 block tree
i.Vue.js 2.x 的数据更新并触发重新渲染的粒度是组件级的，单个组件内部需要遍历该组件的整个 vnode 树。
ii.Vue.js 3.0 做到了通过编译阶段对静态模板的分析，编译生成了 Blocktree。Block tree 是一个将模版基于动态节点指令切割的嵌套区块，每个区块内部的节点结构是固定的。每个区块只需要追踪自身包含的动态节点。
b) slot 编译优化
i. Vue.js 2.x 中，如果有一个组件传入了 slot，那么每次父组件更新的时候， 会强制使子组件 update，造成性能的浪费。
ii. Vue.js 3.0 优化了 slot 的生成，使得非动态 slot 中属性的更新只会触发 子组件的更新。动态 slot 指的是在 slot 上面使用 v-if，v-for，动态 slot 名 字等会导致 slot 产生运行时动态变化但是又无法被子组件 track 的操作。-Vue
版权声明 : 本文未使用任何知识共享协议授权，您可以任何形式自由转载或使用。
发表评论 / 取消回复