插槽的概念： 插槽的關鍵字slot，預設情況下，元件中的模板會覆蓋元件中的原始內容（即自定義標籤對內部的內容會不顯示），解決辦法就是使用插槽。
元件的原始內容： 即在vue例項範圍之內，因此可以呼叫例項的data和methods
插槽共分為3中：
插槽的結構：
匿名插槽：
具名插槽：
作用域插槽:
1. 匿名插槽
匿名插槽的作用： 保留元件中的所有原始標籤內容，這種插槽被稱為匿名插槽
直接在元件中寫上slot標籤對，就可以在根元素中的引用的元件中間顯示所寫的內容
2. 具名插槽
凡是具有name屬性的slot標籤，就被稱為具名插槽即(在子元件中寫，寫的位置不同，在引用該模板的頁面中顯示的位置也會不一樣)。
作用：1. 在元件的原始內容的某個標籤中，新增slot=top屬性，指明該標籤所對應的插槽的名稱
2. 在元件模板中通過呼叫slot標籤，兵設定name=top屬性，會自動將對應的標籤內容新增至當前slot標籤所在的位置
注意：原始內容凡是具有slot屬性的標籤，內容只能新增至元件模板中具有相同值的name屬性的slot標籤中
匿名插槽的作用： 保留了原始資料，除了具名插槽標籤中的內容，即凡是標籤中具有slot=top的屬性標籤
3. 作用域插槽
在元件的原始內容中，通過slot-scope屬性接受作用域插槽傳遞的值，即obj=
作用域插槽:將元件模板中的資料傳遞給元件的原始內容
1. 在slot開始標籤中，新增要傳遞的資料，避開name屬性（具名插槽）
2. 在原始內容中通過slot-scope屬性（其值是自定義的）接受傳遞的資料，即slot-scope=varname(本質是個物件，儲存傳遞的資料，即資料會自動轉換成鍵值對，儲存在這個物件裡，所以屬性名對應屬性名，屬性值對應屬性值）
插槽 具名插槽 作用域插槽
一 插槽 當子元件的有一部分內容是根據父元件傳過來的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...
Vue中的插槽 具名插槽 作用域插槽
1 vue中插槽的作用和使用方法 定義乙個名cmpone子元件，為該子元件新增內容應該在子元件的template中定義，直接在父元件的標籤中裡定義的內容不會被渲染，如下例 使用插槽後渲染的內容span cmp one div const cmpone const vm newvue script 結...