插槽其实只分类两种:默认插槽和具名插槽
1、默认插槽
组件内定制一处结构
在子组件内写入标签,然后父组件引入子组件的标签里面写入的内容就能直接展示在标签里面
2、具名插槽
组件内定制多处结构,可以取名字来区分
在父组件引入的子组件标签里写入<template #插槽命名>标签
3、作用域插槽
不属于插槽的分类,他是插槽的一种传参语法
基本使用步骤:
- 给slot标签,以添加属性的方式传值 :
- 所有添加的属性,都会被收集到一个对象中:{ id:3, msg:‘测试文本’ }
- 在template中,通过‘#插槽名=“obj”’接收,默认插槽名为default
案例中:删除和查看是利用默认插槽插入的,但是子组件又要将值传给父组件的插槽位置标签上传的值,都被一个对象接收