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

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

下面通過(guò)一個(gè)例子來(lái)展示：

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

This is the content of the default slot.

最終的渲染效果如下：

具名插槽

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

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

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