插槽(Slot)是Vue提出来的一个概念,正如名字一样,插槽用于决定将所携带的内容,到指定的某个位置,从而使模板分块,具有模块化的特质和更大的重用性。

二、单个slot 在template中添加<slot></slot>标签new Vue({ el:'#app', components:{ child:{ template:"<slot></slot>我是子组件" } } });浏览

1、普通插槽 2、具名插槽 默认的slot有一个名字为default 2、作用域插槽 给用户留一些需要的数据 如果被提供的内容只有一个默认插槽时,组件的标签可以

//子组件模板我是子组件的标题 //这里父组件在引用子组件内部的内容 <slot></slot>//父组件模板我是父组件的标题 <my-component> 这是一些

Vue的组件提供了一个非常有用的特性,slot插槽,它让组件的实现变的更加灵活。我们平时在开发组件库的时候,为了让组件更加灵活可定制,经常使用插槽的方