插槽分类:默认插槽(组件内定制一处结构) 具名插槽(组件内定制多处结构)
作用域插槽:是插槽的一种传参语法
1. 默认插槽
步骤:
先使用<slot><slot>占位
在要使用的组件中,引入这组件,并在组件之间填写要向插槽里插入的内容
2. 具名插槽
步骤:
先使用<slot><slot>占位
在要使用的组件中,引入这组件,并在组件之间填写要向插槽里插入的内容
插入的内容使用<template>标签加#插槽名,来区分插入的地方
3. 作用域插槽
javascript
//第3步简化 #default="obj" obj是可以随便命名的变量
<MyTable :list="list">
<template #default="{id}"> //直接解构obj
<button @click="del(id)">删除</button>
</template>
</MyTable>