vue中的插槽是一个非常好用的东西。说白了就是一个占位的,
在子组件内使用特殊的<slot>元素就可以为这个子组件开启一个slot(插槽),在父组件模板里,插入在子组件标签内的所有内容将替代子组件的<slot> 标签及它的内容。
简单说来就是:在子组件内部用 标签占位,当在父组件中使用子组件的时候,我们可以在子组件中插入内容,而这些插入的内容则会替换 标签的位置。
当然:单个solt的时候可以不对solt进行命名,如果存在多个 则一个可以不命名,其他必须命名,在调用的时候指定名称的对应替换slot,没有指定的则直接默认无名称的solt
三种插槽
在vue当中插槽包含三种:- 一种是默认插槽(匿名)- 一种是具名插槽- 一种就是作用域插槽
THE END
暂无评论内容