Vue的slot插槽 整理 新旧用法

Slot 例子

---

2.6 以上

• Vue slot的用法 - 简书 https://www.jianshu.com/p/3187a0787cc2

---

2.6 以下

• 关于vue.js中slot的理解 - 云+社区 - 腾讯云 https://cloud.tencent.com/developer/article/1352317

• 深入理解vue中的slot与slot-scope - 于梦中的前端成长日记 - SegmentFault 思否 https://segmentfault.com/a/1190000013277423?utm_source=tag-newest

---

其他注意

• 为什么Vue中的slot不能应用v-show指令_慕课手记 https://www.imooc.com/article/details/id/25193

  原因：

  就跟一样页面上跟本没有这个标签对，当然没办法在其上添加css display属性了，所以对 都不能使用 v-show 改用 v-if

  原因是这样的，slot实际上是一个抽象元素，有点类似template，本质上并不是一个元素。而v-show是通过控制元素的display来进行显示隐藏的，slot本质上并不是元素，所以压根也就不会有display 这个css属性。
  所以，slot的显示隐藏，还真得使用v-if。