Vue slot

1、找找网络上写的slot 功能说的感觉都不太好，我自己来写一下吧！


这是个父组件

2、下面这个是子组件


3、主要的意思就是将父组件中的标签放到子组件的指定的地方

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue:slot用法
    单个 Slot在子组件内使用特殊的 元素就可以为这个子组件添加一个 slot (插槽),在父组件模板里,插入在子组...
    一叶扁舟丶阅读 121,218评论 2赞 23
  • Vue--slot
    在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 sl...
    kiterumer阅读 3,065评论 0赞 5
  • 新手学习vue slot的见解——1
    1、关于slot的定义先放一波官方说明，https://cn.vuejs.org/v2/api/#slot 2、关...
    千笔同学阅读 487评论 0赞 0
  • vue slot插槽
    <slot> 元素作为承载分发内容的出口 --官方文档的定义 slot 实现的就是内容分发，实际上就是为了让组件可...
    小碎步快跑阅读 419评论 0赞 1
  • 💡【教研活动】听课杂感：厚、薄、顺
    今天是令我难忘的一天，因为这一天，我第一次走进瑞园外校，第一次听教研室谭六儿老师的语文课。 听完课，感想颇多，不过...
    杺洳址嗨阅读 483评论 0赞 6