持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第9天,点击查看活动详情juejin.cn/post/714765…
插槽
插槽:分发内容的API。将作为承载分发内容的出口。(常用来传组件)
类似于react中的outlet(outlet相当于this.props.children)
父组件中在子组件之间写内容的话,在子组件可以通过来接收。
插槽的作用域
不能直接访问子组件内部的数据。父级模板里的所有内容都是在父级作用域中编译的,子模板里的所有内容都是在子作用域中编译的。
插槽后背内容(默认值)
有时为一个插槽设置具体的后背(默认值)内容也是很有用的,他只会在没有提供内容的时候被渲染。
示例:
具名插槽
具体的内容挡在具体的位置,多个出口。通过元素的name属性,来定义额外的插槽。当不写name属性时,name属性值默认为default。
例如:
在向具名插槽提供内容的时候,我们可以在一个