Slot插槽

114 阅读1分钟

1.vue组件的数据来源

 vue组件的3个数据来源:props传递数据、events触发事件和slot分发内容

2.作用域

 slot的作用域是在本组件上的

3.slot用法

1.单个slot

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

2.具名slot

 给slot元素指定一个name后可以分发发多个内容,具名Slot可以与单个Slot共存

3.作用域插槽

既可以复用子组件的slot,又可以使slot内容不一致 scope