說起上slot插槽啊，還是在學習vue的時候了解的她。說白了就是佔位，資料整合分發，
那今天好好了解下插槽的幾種形式；
只要是沒有具體分配的內容，都會給到匿名插槽或者
同時在子元件中需替換為用於佔位，即在modal元件中自定義的內容都會顯示在slot佔位的位置
// 定義元件
vue.
component
('modal'
,)
乙個元件中有乙個插槽，我們在插槽裡寫乙個div，那麼這個div就會被渲染到這個元件裡，但是這個div又想呼叫這個元件裡的資料或方法，那怎麼辦呢，我們可以加乙個變數，把它帶進插槽中。
簡單來說：作用域插槽是乙個帶繫結資料的插槽。
通俗講就是父元件需要用到子元件插槽裡面資料的時候，通過v-slot:插槽名='自定義物件名』來接收子元件插槽的資料
default
="scope"
>
}<
/button>
}<
/button>
<
/template>
2. 等價於
3.vue >=2.6.0版本，使用v-slot替代slot 和 slot-scope
4.v-slot:slotname,slotname不需要加引號""
5.v-slot:header可以簡寫成#header , v-slot:default可以簡寫成#default
元件 插槽 匿名插槽 具名插槽
單個插槽 匿名插槽 1.1 子元件定義為 1.2 父元件向一下這樣使用子元件 your profile 1.3渲染出來的 html 將會是 your profile 需要多個插槽時，可以利用元素的乙個特殊的特性 name來定義具名插槽2.1子元件模板定義 2.2.1父元件使用子元件，節點上使用slo...
具名插槽和匿名插槽 vue 插槽
插槽就是子元件中的提供給父元件使用的乙個佔位符，用 表示，父元件可以在這個佔位符中填充任何模板 如 html 元件等，填充的內容會替換子元件的標籤。1.插槽 建立slots.vue 主檔案引入 原生效果 插槽效果。這樣在中間可以巢狀內容 這裡的內容會被插入到slots中顯示 我是插槽 2.預設插槽 ...
插槽 具名插槽 作用域插槽
一 插槽 當子元件的有一部分內容是根據父元件傳過來的dom顯示的時候,可以使用插槽 通過插槽，父元件向子元件優雅的傳遞dom結構，同時子元件使用插槽的內容，通過 body well 二 具名插槽 slot header header slot footer footer 三 作用域插槽 作用域插槽 ...