插槽

插槽:
作用:可以让你封装组件的时候让组件更加的灵活
默认情况下组件标签内部嵌套的标签或者组件默认是不会显示的。如果需要进行显示则就需要用到了插槽


匿名插槽
1、在组件标签内部书写templet标签,需要嵌套的内容放在template标签内部。同时给template标签加一个指令 v-slot
2、在组件的内部通过<slot></slot>进行接收嵌套的数据

命名插槽
1、在组件标签内部书写templet标签,需要嵌套的内容放在template标签内部。同时给template标签加一个指令v-slot:插槽名称
2、在组件的内部通过<slot name='插槽名称'></slot>进行接收嵌套的数据

作用域插槽:
带参数的插槽

1、在子组件的内部通过给<slot></slot> 绑定自定义属性
2、在父组件中给子组件标签的template标签添加一个属性
<组件>
<template v-slot:插槽名称='props'>
<标签>{{props.自定义数组}}</标签>
</template>
</组件>

原文地址:https://www.cnblogs.com/superclound/p/11255157.html