-
介绍:子组件中提供给父组件使用的一个占位符 占位符:
<slot></slot>
父组件可以在占位符中填充任意模板代码 ,填充的内容会替换子组件的<slot></slot>
-
1、普通插槽
<slot></slot>
-
2、具名插槽
<slot name="header"></slot> <slot name="main"></slot> <slot name="footer"></slot>
-
3、作用域插槽
- 插槽的样式由父组件决定,内容由子组件控制
<span> <slot>{{user.username}}</slot> </span> <father>{{user.username1}}</father>
vue插槽
最新推荐文章于 2024-10-06 14:15:37 发布