多个同名slot按顺序一对一匹配Light DOM节点，不广播；少于节点数则多余节点静默丢弃，多于则额外slot为空；name严格字符串匹配，大小写/空格/连字符均敏感。
多个同名slot不会广播内容，而是顺序分发
写三个<slot name="item"></slot>，不等于让同一份内容出现在三处。浏览器按 Light DOM 中带slot="item"的子节点顺序，一对一填入：第一个匹配节点进第一个slot，第二个进第二个，以此类推。
常见错误现象：外部传入<div slot="item">A</div>
<div slot="item">B</div>，组件内却只定义了一个<slot name="item"></slot>——结果只有 A 出现，B 被静默丢弃（因为没第二个 slot 接收它）。
- 若 Light DOM 有 3 个
<div slot="item">，Shadow DOM 必须至少有 3 个<code><slot name="item"></slot>才能全部接收 - 多出来的
slot（比如第 4 个）始终为空，不会重复填充或 fallback - 少于匹配数的
slot，多余节点直接丢弃，不报错也不警告 - 主流浏览器（Chrome/Firefox/Safari/Edge）行为完全一致，这不是兼容性问题，是规范强制要求
- Vue 或其他框架模板中动态绑定
:name无效——最终渲染出的 HTML 必须是静态字面量，如<slot name="header"></slot> - 调试时可用
console.log(slot.assignedNodes({ flatten: true }))确认是否真有节点投射进来 - 有默认
<slot></slot>→ 进入其中（哪怕它在模板里排最后） - 没有默认
slot→ 静默丢弃，DOM 中不可见也不可访问 - 所有
slot都带name且无匹配 → 所有未标记节点全部丢弃 - 让使用者手动 clone 节点，再分别加不同
slot属性（不推荐，破坏封装） - 组件内部用
slot.assignedNodes({ flatten: true })拿到原始节点，然后用cloneNode(true)注入到多个位置（需监听slotchange事件触发） - CSS 层面用
display: contents+ 伪元素模拟，但仅限样式，无法响应事件或 JS 操作
slot name 大小写、空格、连字符全敏感
匹配是纯字符串比对，不是模糊查找。写错一个字符，内容就进不了 slot，大概率掉进默认插槽或被丢弃。
例如：<slot name="Item"></slot> 只匹配 <h2 slot="Item"></h2>；<h2 slot="item"></h2>、<h2 slot="Item "></h2>、<h2 slot="item-list"></h2> 全部不匹配。
没匹配上的节点去哪了？
没带slot属性的元素（如<p>正文</p>），只尝试塞进第一个无name的<slot></slot>；后面再多匿名slot也收不到。
具名节点匹配失败时，去向取决于是否有默认插槽：
想复用同一份内容到多个位置？别靠重名slot
slot 机制本身不支持“一份内容投射到多个 slot”。试图靠写多个<slot name="header"></slot>来复用<h2 slot="header"></h2>，只会让后续 slot 保持空。
可行解法只有两个方向：
最常被忽略的是：slot 分发完成前查assignedNodes()一定为空，必须等slotchange事件，且不能在connectedCallback里直接读——那会拿到一个还没就位的空数组。
