插槽/匿名插槽/具名插槽/v-slot指令

插槽

在子组件中,添加标签,然后在父组件中使用该子组件时,就可以动态的添加内容。
插槽是可以指定默认内容的,使用组件时,有填充内容,填充内容会把默认内容覆盖;否则显示插槽默认内容。

//子组件  son

//父组件(记得先引入子组件)

匿名插槽

一个组件中可以有多个匿名插槽,在父组件使用这个组件时,有几个匿名插槽,填充内容就会被拷贝几份。
注意:在一个组件内,推荐只使用一个匿名插槽,其他使用具名插槽。

具名插槽

相当于匿名插槽有了名字:默认内容
在父组件使用子组件填充内容时,给填充插槽的标签增加slot属性,并指定对应的插槽名:

填充内容

Vue中v-slot指令

在使用插槽填充内容时,利用v-slot指令替换slot属性。
注意:v-slot指令只能使用在