vue中使用slot

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

2、如何封装:抽取共性,保留不同。

3、<slot></slot>

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

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

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

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

上一篇:一次性讲明白vue插槽slot


下一篇:Vue—05—组件高级之slot、子组件标签可定义的东西;