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