ITPub博客

首页 > IT职业 > IT图书 > vue slot 插槽的使用和理解

vue slot 插槽的使用和理解

IT图书 作者:liangyh 时间:2021-09-09 09:54:10 0 删除 编辑

元素作为承载分发内容的出口,可以实现组件的复用。

简单的说就是《定制模板》

一个template由多个插槽组成,分发不同的内容,产生各种形态的组件

  • 一个插槽插入到一个对应的标签中
    简单实例:

    <!--这里放的内容均属于父级当前模板的,绑定事件也需要绑定父级的-->              lalalala        <!--给插槽起好名字-->         
1111111111111
        
2222222222222
    

页面渲染成这样的


图片描述

image.png

插槽提供默认的内容

如果组件hello中没有 lalalala  就显示slot中的内容:


图片描述

image.png



作者:Mr无愧于心
链接:https://www.jianshu.com/p/562aa1d72b49


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2260/viewspace-2814173/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-16

  • 博文量
    86
  • 访问量
    834