單個插槽是 Vue 的官方叫法，但其實也可以稱為默認(rèn)插槽或匿名插槽。它不需要設(shè)置 name 屬性，并且可以放置在組件的任意位置。正如其名，一個組件中只能有一個該類插槽。相對應(yīng)的，具名插槽可以有多個，只

單個插槽是 Vue 的官方叫法，但其實也可以稱為默認(rèn)插槽或匿名插槽。它不需要設(shè)置 name 屬性，并且可以放置在組件的任意位置。正如其名，一個組件中只能有一個該類插槽。相對應(yīng)的，具名插槽可以有多個，只要它們的名字（name 屬性）不同。

下面通過一個例子來展示：

在這個例子中，父組件在 `` 組件內(nèi)部寫了一個 HTML 模板，那么子組件的匿名插槽就會被使用，即被下面這段模板使用：

This is the content of the default slot.

最終的渲染效果如下：

具名插槽

具名插槽可以用于在父組件中定義多個插槽，并在子組件中根據(jù)插槽名進(jìn)行分發(fā)。下面是一個示例：

上述代碼中，父組件定義了兩個具名插槽：header 和 footer。在子組件中，通過 `` 標(biāo)簽并指定插槽名進(jìn)行插槽內(nèi)容的分發(fā)。

最終顯示結(jié)果如下圖所示：