- solt插槽:说白了就是给一个组件传递一个相应的内容(传递标签数据,生成具体的信息)
- slot-scope作用域插槽:绑定数据的插槽
- v-slot:新语法
在父组件了引入子组件(我容易忘记)
============================================================
图片上有备注请仔细看哦
- (1)匿名插槽:父组件调用子组件,可以直接获取到内容
子组件
image.png
父组件使用
image.png
- (2)具名插槽:就是给子组件的插槽命名了,获取的时候是需要通过这个名字获取到内容的
子组件
image.png
父组件
image.png
- (3)作用域插槽:子组件绑定了一个具体的数据源,父组件可以获取到这个数据
子组件
image.png
父组件
image.png
全部效果
image.png
