vue踩坑:scope / slot-scope

slot-scope vue2.5版本中取代了scope。这篇博客就是说一下我对scope的理解。

顾名思义 作用域插槽。主要原理就是首先通过传值给子组件,子组件中接收传来的值,再通过v-bind把值绑定在slot上。

而slot 插槽接过来的标签调用slot上绑定的值并呈现在页面上。

使用的时候需要加一个template 并标明这是一个作用域插槽。



其实总结到这,我是很懵逼的,感觉就是和具名插槽换了个数据处理方式而已,具名插槽是数据在父组件,父组件把数据处理好传入子组件,而作用域插槽,是子组件获取数据(可以是从父组件的传值获取,或者子组件自身发送请求获取),在自己这处理好显示到页面。

官方文档说,作用域插槽更具代表性的用例是列表组件,允许组件自定义应该如何渲染列表每一项。

孰优孰劣,目前还无法说清,只能说是提供了两种写代码的方式,看需求使用。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值