天天看点

vue的插槽slot

插槽(slot)是vue提出来的一个概念,正如名字一样,插槽用于决定将所携带的内容,插入到指定的某个位置,从而使模版分块,具有模块化的特质和更大的重用性。

插槽显不显示、怎样显示是由父组件来控制的,而插槽在哪里显示就由子组件来进行控制。

1、默认插槽

vue的插槽slot

2、具名插槽

3、插槽的默认内容

可以在子组件的slot标签中写入内容,当父组件没有写入内容时会显示子组件的默认内容,当父组件写入内容时,会替换子组件的默认内容

vue的插槽slot

4、编译作用域

vue的插槽slot

5、作用域插槽

vue的插槽slot
原文链接:https://www.cnblogs.com/loveyt/p/9946450.html https://blog.csdn.net/xiaolinlife/article/details/89517928