Vue中的组件插槽

匿名插槽

父组件：

     

     

       孩子给你一个礼物A

            

</slot-comp>

子组件：

 

具名插槽：

 作用域插槽：

作用域插槽可以获取子组件传过来的值

 

 

在elementui实战中的运用：

 Slot-scope的实战运用：

 vue2.6之后就出现了 v-slot 在vue3 就必须使用v-slot

 v-slot只能写在template上

匿名插槽 v-slot的用法

 具名插槽 v-slot:

 匿名和具名的混合使用：