vue中關於插槽的文件說明很短，語言又寫的很凝練，再加上其和methods，data，computed等常用選項使用頻率、使用先後上的差別，這就有可能造成初次接觸插槽的開發者容易產生「算了吧，回頭再學，反正已經可以寫基礎元件了」，於是就關閉了vue說明文件。
實際上，插槽的概念很簡單，下面通過分三部分來講。這個部分也是按照vue說明文件的順序來寫的。
進入三部分之前，先讓還沒接觸過插槽的同學對什麼是插槽有乙個簡單的概念：插槽，也就是slot，是元件的一塊html模板，這塊模板顯示不顯示、以及怎樣顯示由父元件來決定。 實際上，乙個slot最核心的兩個問題這裡就點出來了，是顯示不顯示和怎樣顯示。
由於插槽是一塊模板，所以，對於任何乙個元件，從模板種類的角度來分，其實都可以分為非插槽模板和插槽模板兩大類。
非插槽模板指的是html模板，指的是『div、span、ul、table』這些，非插槽模板的顯示與隱藏以及怎樣顯示由外掛程式自身控制；插槽模板是slot，它是乙個空殼子，因為它顯示與隱藏以及最後用什麼樣的html模板顯示由父元件控制。但是插槽顯示的位置確由子元件自身決定，slot寫在元件template的哪塊，父元件傳過來的模板將來就顯示在哪塊。
更多詳細檢視
深入理解vue中的slot與slot scope
class father 這裡是父元件h3 class tmpl 選單1span 選單2span 選單3span 選單4span 選單5span 選單6span div child div template class child 這裡是子元件h3 slot div template class t...
深入理解vue中的slot與slot scope
vue中關於插槽的文件說明很短，語言又寫的很凝練，再加上其和methods，data，computed等常用選項在使用頻率 使用先後上的差別，這就有可能造成初次接觸插槽的開發者容易產生 算了吧，回頭再學，反正已經可以寫基礎元件了 的想法，於是就關閉了vue的說明文件。實際上，插槽的概念很簡單，下面通...
vue的深入理解
1.vue的初步認識 var data var vm new vue document.write vm.data data true document.write true document.write vm.el document.getelementbyid vue det true new ...