vue--插槽sloe

插槽

一种新的使用方法，其可以在父组件中写子组件的东西，并且通过在子组件中写上<><>这个新标签来告诉，写在父组件中的子组件中的东西，要放在子组件的那个位置

写法：

如图可以看到我在app组件中在的Boxer组件标签中写了<>,然后：

在Boxer组件中用告诉这个图片放在哪里

效果：

这里还要讲一点：css的样式写在app组件中和写在boxer组件中都是一样的

即给加上名字，以便区分：

其只是在写法上有点不同

效果：

以上的插槽，数据是在App组件中的，

效果：

但是，如果data中数据在子组件中呢？我想在app组件中使用到子组件中的数据，该怎么办？

在中写上这个，就是给父组件传上数据

在父组件中写上

slot-scope即为接受了数据，=“”，这个是接受数据的名称

接受过来是一个对象：

vue