index.vue中的v-slot属性能直接找到ScopedSlotDemo.vue中的<slot>标签是吗?


index.vue中的v-slot属性能直接找到ScopedSlotDemo.vue中的<slot>标签是吗?如果ScopedSlotDemo.vue中定义多个<slot>标签,v-slot属性会怎么找?
9
收起
正在回答 回答被采纳积分+1
2回答
好帮手慕慕子
2022-08-08 10:06:42
同学你好,问题解答如下:
1、index.vue中的v-slot不是找到ScopedSlotDemo.vue中slot标签,而是用来接收slot标签上绑定数据website,实现在父组件中使用插槽中的数据,可以放慢速度再听一下视频讲解。
组件中的书写的内容,默认会添加到slot标签所在的位置,如下:

2、如果定义多个slot标签,会采用具名插槽,在slot上添加name属性,然后根据name属性找到对应slot。
3、因为语法规定的,没有指定插槽名称时,默认插入到未命名的slot标签所在位置。如下:

vue的基础阶段中,也有详细介绍插槽相关的内容,有时间的话,也可以回顾下,加深理解和记忆。

祝学习愉快~

恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星