Vue3 中的 block 问题

Question

老师您好，为什么 vue3 要把 动态组件，svg，foreignObject，keep-alive 这些视为 block呢？直接将这些节点作为动态节点收集到最外层的 block 数组呢不可以吗？不是很明白这样的设计，希望老师百忙中能解惑，谢谢老师。

Answer 1

ustbhuangyi 2020-11-11 16:04:32

动态组件、keep-alive 显然都是要单独维护自己的 block 的，它们一次只会渲染一部分内容，至于 svg 和 foreginObject 的话，

参考这个注释吧，看看对应的 issue。

• 提问者 前端_未入门 #1

  老师您好，我脑子转的比较慢，对于动态组件、keep-alive 这种单独维护自己的 block 情况，是收集插槽中的动态节点推入到 block 数组中吗？我是跑的这样的一个 demo：<component :is="state.dynamic" />

• ustbhuangyi 回复 提问者 前端_未入门 #2

  举个例子，动态组件是不是同一时间只渲染一个组件，那么这个组件肯定要内部维护自己的动态节点啊，所以要创建一个 block

• 提问者 前端_未入门 回复 ustbhuangyi #3

  好的，谢谢老师的指点，非常感谢