vue中使用slot

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

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

3、<slot></slot>

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

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

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

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

 

:data=""

slot-scope="slot"

拿值:slot.data

vue中使用slot

上一篇:终极之战:Linux & Windows


下一篇:Acwing 102. 最佳牛围栏