插槽是給元件預留的空間，當封裝元件時往往會給元件使用插槽，，插槽如何使用由父元件決定，插槽中的內容表示如果沒有在該元件中插入其他任何內容，就預設顯示插槽中的內容。
具名插槽則是當子元件需要顯示不同的效果時使用具名插槽，通過name屬性給插槽命名。
案例如下：
上圖中在子元件的模板中定義了三個具名插槽，分別為左中右，在父元件中使用兩次cpn，第一次沒有新增內容，第二次新增了內容，第二次使用時，cpn標籤內的內容將會替換掉模板中的插槽內容，並根據插槽名字分別替換，效果如下：
正如圖所示，當使用cpn元件沒有新增內容時，則會顯示插槽的預設內容，當新增了內容則根據名字替換。
Slot 具名插槽的使用
在我們使用插槽的時候，可能裡面會有多個插槽，這個時候也可以定義多個插槽 比如在元件中定義三個插槽，而我只想把標題放在中間，只呼叫中間的插槽的話該怎麼辦。有的人可能會說直接引用不就好了，這種肯定不行，這樣三個都替換掉了。如下右邊的三個就可以看出來，要換的話就全部換掉了，達不到想要的結果 當我們想替換其...
插槽 具名插槽 作用域插槽
一 插槽 當子元件的有一部分內容是根據父元件傳過來的dom顯示的時候,可以使用插槽 通過插槽，父元件向子元件優雅的傳遞dom結構，同時子元件使用插槽的內容，通過 body well 二 具名插槽 slot header header slot footer footer 三 作用域插槽 作用域插槽 ...
元件 插槽 匿名插槽 具名插槽
單個插槽 匿名插槽 1.1 子元件定義為 1.2 父元件向一下這樣使用子元件 your profile 1.3渲染出來的 html 將會是 your profile 需要多個插槽時，可以利用元素的乙個特殊的特性 name來定義具名插槽2.1子元件模板定義 2.2.1父元件使用子元件，節點上使用slo...