菜鸟学院
vue--slot插槽
时间 2020-12-20
功能:
父组件需要在子组件内放一些DOM,那么这些DOM是显示/不显示/在哪个地方显示/如何显示?定制结构,用slot!
. 默认插槽,没有名字就是默认,只能有一个
. 多个插槽,通过取名字
name='XX'
,给指定的
slot='XX'
插槽替换指定内容,不能重名
.作用域插槽,
默认都是使用父组件数据,如果想用子组件的数据,通过
slot-scope=‘props’
,
将数据传递到插槽