vue中$slots和$scopeSlots的区别

理解Vue.js插槽与作用域插槽
本文探讨了在Vue.js中如何正确使用具名插槽和作用域插槽,并通过实例说明了两者之间的区别。作者在开发过程中遇到了显示问题,并最终通过调试解决了问题。文章强调了在使用具名插槽时加上作用域所带来的变化,以及如何正确地应用这些概念。

最近在写一个组件,在子组件中要获取到具名插槽的名字,然后再渲染出来,一开始用了slots但我一旦加上作用域,这个插槽就显示不出来了,后面通过一层一层的调试,终于发现原来是slots 但我一旦加上作用域,这个插槽就显示不出来了,后面通过一层一层的调试,终于发现原来是slotsslots搞的鬼,后来看了一下官方文档,发现slots和slots和slotsscopedSlots还是有区别的。
说的通俗一点就是scopedSlots=scopedSlots=scopedSlots=slots+作用域插槽,以后要注意的是尽量使用$scopedSlots

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值