作用域插槽

slot标签传递的属性组成的对象,会被父组件的slot-scope属性值来代理,在父组件中使用就是slot-scope的属性值.slot标签的属性

//子组件Child.vue
<div>
    <slot :name='SSX'></slot>
</div>
//父组件Parent.vue
<div>
    <Child>
        <count-to slot-scope="PropsObj" :nameTo="PropsObj.name"></count-to>
    </Child>
</div>

这样就可以把子组件Child中的值‘SSX’,通过slot的属性name传给子组件count-to中使用了

这就是作用域插槽

posted @ 2019-10-17 11:45  极客小乌龟  阅读(399)  评论(0编辑  收藏  举报