vue 作用域插槽

总结：

 

 

 而且作用域插槽也可以实现具名插槽又name的功能

 

此时我们app.vue是Category的使用者,而且数据也在自己这

然后我们把这数据放入category组件中

但是如果这么写的话肯定不行,因为数据在category里面,在app.vue里根本读不到,这就是一个作用域的问题

即数据在category里面,但是根据数据生成的结构,需要category的使用者决定,也就是需要app去得到这个在category里面的数据

 

 

解决办法

在slot标签里面像props一样传入一个值,

这样写就是把对应数据（games）传给了插槽的使用者,也就是子组件category吧它的games数据给了它的使用者

 也就谁使用了这个插槽,就把这个数据给哪个使用者

相当于app.vue往插槽里塞东西,而插槽把它的对应传的数据给了app.vue 

 

  但是前提是一定在在外面包裹一个template,否则就不行

这边写了一个scope='xxx' xxx随你定义,因为这个xxx就是一个对象会包裹你传过来的值,这样就解决了多个传值的问题

 

 

 

 

所以这样改下就行

 

 

简写：因为它支持结构赋值

 还可以把scope改成 slot-scope