插槽的用法

首先要知道,默认情况下是不渲染子组件标签中的内容的,如图:
在这里插入图片描述
在这里插入图片描述
然后插槽就出现了,如果想展示子组件中标签的内容,就需要在子组件中使用插槽。而slot标签出现的位置,就是这些内容出现的位置。
有name属性的就是具名插槽,没有name的就是匿名插槽。
用法是这样:子组件的模板中使用slot标签,相当于实体;而父**模板中使用slot=“name值”**就是外壳引用了这个实体
在这里插入图片描述
作用域插槽呢,即在子模板中定义了slot插槽标签,那么它访问到子组件中的值;而插槽是要在父模板中使用的,而用的是父模板的值,确访问不到子模板中的值,所以就出现了作用域的问题,故作用域插槽就出现了。

首先要给引用子组件的插槽写上一个,slot-scope = “scope”,scope是一个对象,用于接受它对应的slot标签上除了name
属性的其他值,该值可以写活也可以写死,具体看图:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值