vue--插槽sloe
插槽
《1.默认插槽》
一种新的使用方法，其可以在父组件中写子组件的东西，并且通过在子组件中写上<<slot>><</slot>>这个新标签来告诉，写在父组件中的子组件中的东西，要放在子组件的那个位置
写法：
如图可以看到我在app组件中在的Boxer组件标签中写了<<img/>>,然后：
在Boxer组件中用<slot></slot>告诉这个图片放在哪里
效果：
这里还要讲一点：css的样式写在app组件中和写在boxer组件中都是一样的
《2.具名插槽》
即给<slot></slot>加上名字，以便区分：
其只是在写法上有点不同
效果：
《3.作用域插槽》
以上的插槽，数据是在App组件中的，
效果：
但是，如果data中数据在子组件中呢？我想在app组件中使用到子组件中的数据，该怎么办？
在<slot></slot>中写上这个，就是给父组件传上数据
在父组件中写上
slot-scope即为接受了数据，=“”，这个是接受数据的名称
浙公网安备 33010602011771号