【Vue】使用过插槽么?有哪几类?(约249字)

vue中的插槽是一个非常好用的东西。说白了就是一个占位的,

在子组件内使用特殊的<slot>元素就可以为这个子组件开启一个slot(插槽),在父组件模板里,插入在子组件标签内的所有内容将替代子组件的<slot> 标签及它的内容。

简单说来就是:在子组件内部用 标签占位,当在父组件中使用子组件的时候,我们可以在子组件中插入内容,而这些插入的内容则会替换 标签的位置。

当然:单个solt的时候可以不对solt进行命名,如果存在多个 则一个可以不命名,其他必须命名,在调用的时候指定名称的对应替换slot,没有指定的则直接默认无名称的solt

三种插槽

在vue当中插槽包含三种:- 一种是默认插槽(匿名)- 一种是具名插槽- 一种就是作用域插槽

THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容