vue踩坑:scope / slot-scope

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

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

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

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



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

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

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


猜你喜欢

转载自blog.csdn.net/Mobius_z/article/details/80363853
今日推荐