Slot插槽怎麼玩

slot插槽

爲的是被引入過來的東西， 在當前這個頁面直接插
此時的他確定無效

<t-haha>
   <p>哈哈哈</p>
   <p>嘻嘻</p>
</t-haha>

若是你想插這兩句，只需回到這個t-haha的原路徑找到那個原位置
（假設這裏是a.vue）
此時這個slot就是剛纔p標籤的嘻嘻和哈哈

<div>
    <p>{{this.$parent.sb}}11</p>//本來是爲t-haha顯示出來的
    <slot></slot>
</div>

可是有人會問，我能換位置嗎
如今的狀態顯示是:

失敗11

哈哈

嘻嘻

這個順序！我但願把嘻嘻放在最上邊，失敗11在中間，哈哈最後邊
這個也沒問題！
咱們把剛纔的這兩個p加一個東西

<t-haha>
   <p slot="one">哈哈哈</p>
   <p slot="two">嘻嘻</p>
</t-haha>

而後回到a.vue這個頁面

<div>
    <slot name="one"></slot>
    <p>{{this.$parent.sb}}11</p>//本來是爲t-haha顯示出來的
    <slot name="two></slot>
</div>

大功告成o(￣︶￣)o