Vue中 slot 的实现原理是什么？

【概念释义】

slot 原理：编译时将父组件插槽内容保存为 VNode 数组/函数，子组件 render 时通过 $slots / slots API 插入子 VNode 树。作用域插槽把子组件数据通过 函数参数 传给父的渲染函数。Vue 3 统一 v-slot 与 $slots 对象化。

【基础使用】

"qb-hl-comment">// 简化 render
function renderSlot(slots, name, props) {
  const fn = slots[name];
  return fn ? fn(props) : [];
}