在实现组件嵌套的时候,子组件标签里面的内容无法渲染出来,就可以使用槽口,在子组件内开辟出一个槽口《slot》《/slot》【就相当于给子组件标签内的内容留出一片空地,得以显示内容】
具名槽口和匿名槽口可以同时使用。
具名槽口和匿名槽口同时使用时,具名槽口输出具名槽口的内容,匿名槽口输出没有名字的内容,互不干涉
子组件: 具名插槽 slot插槽 name名字 在一起就是具名插槽
父组件: slot='名字'
组件嵌套,非要用到自己组件的数据,就开一个作用域空间(作用域槽口)
注意 v-slot 只能添加在 上 (只有一种例外情况),这一点和已经废弃的 slotattribute 不同。
这里其实还有一个未命名插槽,也就是默认插槽,捕获所有未被匹配的内容。上述两个示例的 HTML 渲染结果均为:
匿名插槽以匿名作用域插槽模板为准进行渲染,即使你把匿名插槽模板放后面,也是一样的结果;
由此可以看出,最好不要使用匿名、默认插槽,最好使用具名插槽,可以减少不确定性;