首页 > IT职业 > IT图书 > vue slot 插槽的使用和理解
一个template由多个插槽组成,分发不同的内容,产生各种形态的组件
一个插槽插入到一个对应的标签中
简单实例:
<!--这里放的内容均属于父级当前模板的,绑定事件也需要绑定父级的--><!--模板中只有一个根元素--><!--slot中可以放置一些默认内容,如果传递了内容则替换掉--><!--如果没有名字的标签默认会放置到 name:default的slot中 -->lalalala <!--给插槽起好名字--> 11111111111112222222222222hello <!--无名插槽--> <!--注意:一个组件中不允许有两个匿名插槽-->
如果没有lalalala就显示slot中的内容 <!--有名插槽 可以根据插槽切换顺序--><!--防止插槽替换之前的样式属性等信息可以这样处理-->
页面渲染成这样的

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

image.png
作者:Mr无愧于心
链接:https://www.jianshu.com/p/562aa1d72b49
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2260/viewspace-2814173/ ,如需转载,请注明出处,否则将追究法律责任。