vue中使用slot

1、作用：使组件具有扩展性。插槽内展示的东西由使用者决定。

2、如何封装：抽取共性，保留不同。

3、<slot></slot>

4、默认值：<slot><button></button></slot>，如果引用的地方传了别的东西就会覆盖掉，没传就是默认值。

5、具名插槽：给插槽起名字，替换的时候根据名字替换。

6、编译作用域：父组件模板的所有东西都会在父级作用域内编译，子组件模板的所有东西都会在子级作用域内编译。

7、作用域插槽：父组件替换插槽的标签，但是内容由子组件来提供。

 

子	:data=""
父	slot-scope="slot" 拿值：slot.data