什麽是插槽？
在vue中通過slot可以向組件中指定位置插入內容。
插槽的通俗理解就是是“占坑”，在組件模板中占好了位置，當使用該組件標簽時候，組件標簽裏面的內容就會自動填坑（替換組件模板中<slot>位置），當插槽也就是坑<slot name=”mySlot”>有命名時，組件標簽中使用屬性slot=”mySlot”的元素就會替換該對應位置內容。
首先是單個插槽，單個插槽是vue的官方叫法，但是其實也可以叫它默認插槽，或者與具名插槽相對，我們可以叫它匿名插槽。因為它不用設置name屬性。
單個插槽可以放在組件任意位置， 但是壹個組件有且只能有壹個單個插槽 ，相對應的，具名插槽就可以有很多個。
匿名插槽沒有name屬性，所以是匿名插槽，那麽，插槽加了name屬性，就變成了具名插槽。具名插槽可以在壹個組件中出現N次，出現在不同的位置。下面的例子，就是壹個有兩個具名插槽和單個插槽的組件，這三個插槽被父組件用同壹套css樣式顯示了出來，不同的是內容上略有區別。
匿名插槽和具名插槽都是在父組件中定義內容與樣式，子組件只是負責放在哪。但是如果子組件提供數據，那這樣的話需要子組件的<slot>把數據傳遞給父組件，父組件只需要提供樣式即可。
在 2.6.0 中，我們為具名插槽和作用域插槽引入了壹個新的統壹的語法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 這兩個目前已被廢棄但未被移除且仍在 文檔中 的 attribute。