插槽、默认插槽

发布时间 2023-10-10 17:23:04作者: 嘎嘎鸭2

插槽的作用:让组件内部的一些 结构 支持 自定义

应用场景 eg:将对话框封装成组件,对话框的内容部分不希望写死,希望能使用的时候自定义。

 

插槽的基本语法:

1. 组件内需要定制的结构部分  改用 <slot> </slot> 占位

2. 使用组件时,<MyDialog></MyDialog> 标签内部,传入结构替换 slot ( <MyDialog> 你确认要退出系统吗?</MyDialog>、<MyDialog> <div>确认要删除吗?</div> </MyDialog>)