一、匿名插槽
先看父元件**
1、引用子元件slotchild
2、在呼叫的子元件內部寫上一些內容，比如下面**的p標籤
父元件給子元件的第乙個插槽
父元件給子元件的第二個插槽
1、寫上**，即為使用插槽
二、具名插槽（就是有名字的插槽）
先看父元件**
1、會發現和匿名插槽的**的區別在於我在第乙個p標籤寫上了slot="firstslot"（其中firstslot為插槽名，可以隨意命名）
父元件給子元件的第乙個插槽
父元件給子元件的第二個插槽
其實和匿名插槽的**一樣，但是看下最終效果
會發現只顯示了第二個p標籤再來看下面的圖的**，子元件做了些**改動，我在slot中加上了name，並且會發現這個name的值和父元件中的slot="firstslot"值一樣，最終子元件的內容顯示了第乙個p標籤的
說明：1、匿名插槽，在父元件寫了n個插槽，子元件在呼叫的時候，如果也只是簡單的寫了，則會全部顯示，如下三張圖，規律自己觀察，很容易看出來的
2、具名插槽，即插槽有了名字，那麼子元件在呼叫的時候也寫上對應的名字，就會顯示對應的插槽的內容，打個最基本的比方：
----->兒子向父親要零花錢（插槽），但是並沒有說明要多少錢（沒有說明要哪個插槽），那父親就很大方的把所有的錢（所有的插槽）都給了兒子；
----->可如果兒子說明了想要20塊錢（插槽名為20塊錢），那麼他爹就會只給他單獨的20塊錢（給了乙個名為20塊錢的插槽），
以上例子可能不太恰當，但基本就是那個意思，可以嘗試敲**深入了解
vue插槽 預設插槽的基本使用
以下只是學習過程中的筆記。對於vue中的插槽，我的理解是插槽就是子元件中的提供給父元件使用的乙個佔位符，用 表示，父元件可以在這個佔位符中填充任何模板 如 html 元件等，填充的內容會替換子元件的標籤。可以動態的改變子元件內容，讓子元件更具有拓展性。如下 示例 cpn 在父元件中使用插槽 哈哈哈 ...
vue 插槽的基本使用
之前我們使用的元件他的拓展性是特別差的，因為元件的內部標籤是固定寫死的，就會導致這個元件的復用性很差，比如乙個導航欄元件，他裡面的組成部分是根據需求不同而定的，因此裡面的標籤不能寫死，而插槽的出現剛好能解決這個問題，乙個元件裡面預留幾個空間，根據需求往裡面填充不同的標籤，這就是插槽 下面我們看下 我...
vue插槽使用
1.2插槽 ps 僅供本人記憶 1.2.1為什麼要使用插槽？插槽可以使元件更具備擴充套件性！vue插槽文件 1.2.2插槽的基本使用 給子元件定義乙個插槽 slot元素 父元件在使用子元件時，填充子元件的插槽。在子元件標籤中編寫的html內容，會替換掉子元件的slot元素 可以給中設定預設要展示的內...