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

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

https://img1.sycdn.imooc.com//climg/62ef9a0f098351b114990845.jpg

https://img1.sycdn.imooc.com//climg/62ef9a97091a4bf715010835.jpg

index.vue中的v-slot属性能直接找到ScopedSlotDemo.vue中的<slot>标签是吗?如果ScopedSlotDemo.vue中定义多个<slot>标签,v-slot属性会怎么找?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕慕子 2022-08-08 10:06:42

同学你好,问题解答如下:

1、index.vue中的v-slot不是找到ScopedSlotDemo.vue中slot标签,而是用来接收slot标签上绑定数据website,实现在父组件中使用插槽中的数据,可以放慢速度再听一下视频讲解。

组件中的书写的内容,默认会添加到slot标签所在的位置,如下:

https://img1.sycdn.imooc.com//climg/62f06f7909cb0e8014150430.jpg

2、如果定义多个slot标签,会采用具名插槽,在slot上添加name属性,然后根据name属性找到对应slot。

3、因为语法规定的,没有指定插槽名称时,默认插入到未命名的slot标签所在位置。如下:

https://img1.sycdn.imooc.com//climg/62f06ecf096cf87914870611.jpg

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

https://img1.sycdn.imooc.com//climg/62f06fb00976d76205190606.jpg

祝学习愉快~

电磁护盾 提问者 2022-08-07 19:15:15

https://img1.sycdn.imooc.com//climg/62ef9e570940fe1015020834.jpg

又继续往后放视频,为什么右侧的<p>标签没加上v-slot属性,却能关联到左侧中间的<slot>标签?

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师