首先，插槽是什麼？

插槽就是子元件中的提供給父元件使用的一個佔位符，用<slot></slot> 表示，父元件可以在這個佔位符中填充任何模板程式碼，如 HTML、元件等，填充的內容會替換子元件的<slot></slot>標籤。

基本用法：

 頁面效果:

 使用<slot></slot>的元件指定的位置留一個坑，如果在外部，使用其元件包裹某內容（可以是任何模板程式碼，也可以是HTML，還可以是元件），則該內容就會被分發到<slot></slot>處，渲染出來。當然，也可以不放任何內容，不影響元件渲染。

vue 2.6 版本有一個新的插槽的寫法, 其中要使用到 template 標籤, , 我們知道 template 只是一個包裹標籤, 它不會渲染到真實頁面上, 新的slot 的寫法就是使用到了它, 沒有它還不行。

具名插槽, 也就是說我們在元件中定一個 多個 slot , 為了分清到底作用到哪一個上面, 給插槽取一個名字來區分