slot、slot-scope
1. 匿名插槽
2.后备内容
后备内容,即为没有为插槽设置任何内容时,显示的默认内容。当插槽有内容时不显示后备内容
子页面这是后备内容 父页面
3.具名插槽
多个插槽使用 子页面 父页面
注意:
*
具名插槽的内容必须使用模板包裹
*
不指定名字的模板插入匿名插槽中,推荐使用具名插槽,方便代码追踪且直观清除
*
匿名插槽具有隐藏的名字"default"
缩写:
v-slot:header 缩写成#header
4.作用域插槽
父组件中插槽中,可以取到子组件中数据。
子页面 <slot :user_name="user>
父页面
父组件中,取子组件中的值:{{use.user_name.lastName}}
5.动态插槽名