Slot

插槽的作用

1 .如果prop不能传组件的话,插槽目前最大的用法就是传一个组件下去,官方给的demo第一个例子是传下去一个字符串,但是这个prop是完全可以实现的。好像prop确实不可以传下去组件。文档里面你的类型检查是不包括组件的
2 .2.6版本所有的v-solt 都需要包裹在template里面使用
3 .v-slot:header 可以被缩写为#header
4 .

作用域插槽

1 .https://www.zhihu.com/question/57504896
2 .看了半天还是不懂作用域插槽是干啥的。
3 .看一下之后的源码会不会有这个用法吧

使用场景

1 .“固定部分+动态部分”的组件场景

1 .固定部分可以是结构固定,父级结构固定,也可以是逻辑固定
2 .不同的地方可以使用slot分发内容
3 .

2 .做位置调整:如果在需要拆分组件来做位置调整,又不想因为拆分耦合度很高的组件,可以使用slot的命名组件来进行位置调整。
3 .内容分发

1 .父组件不确定自己所接收的数据。这完全是靠父组件在使用的时候决定的,比如左右布局的组件
2 .我们需要一种方式来混合父组件的内容与子组件自己的模板。这个过程就是内容分发,将父组件的内容放到子组件的指定位置。
3 .需要传递组件,也就是slot可以将html从父组件传到子组件中去。

4 .https://juejin.im/post/5cced0096fb9a032426510ad
原理

你可能感兴趣的:(Slot)