slot元素作為元件模板之中的內容分發插槽。這個元素自身將被替換。

有 name 特性的 slot 稱為具名 slot。 有 slot 特性的內容將分發到名字相匹配的具名 slot。

內容分發就是指混合父元件的內容與子元件自己的模板

以下主要使用具名slot

子元件程式碼

<template>
    <div>
      <slot name="k1">slot預設的內容</slot>
    </div>
</template>

這裡定義了一個名字為k1的slot，

父元件呼叫

<template>
  <div>
    <game>
      <div slot="k1">
        覆蓋slot的內容
      </div>
    </game>
  </div>
</template>
 

這裡的用法比較正規，就是父元件通過slot覆蓋掉子元件slot標記的DOM，如果父元件沒有覆蓋的話，子元件的slot部分是可以顯示的