28 lines
638 B
Markdown
28 lines
638 B
Markdown
# 与vue项目相关
|
|
|
|
---
|
|
## 具名作用域插槽
|
|
* 具名作用域插槽的工作方式也是类似的，插槽 props 可以作为 v-slot 指令的值被访问到
|
|
```
|
|
<MyComponent>
|
|
<template #header="headerProps">
|
|
{{ headerProps }}
|
|
</template>
|
|
|
|
<template #default="defaultProps">
|
|
{{ defaultProps }}
|
|
</template>
|
|
|
|
<template #footer="footerProps">
|
|
{{ footerProps }}
|
|
</template>
|
|
</MyComponent>
|
|
```
|
|
* 传入props
|
|
```
|
|
<slot name="header" message="hello"></slot>
|
|
```
|
|
* 是由插件传回父组件，如上面的message会被headerProps收到，可以根据此进行进一步的处理。
|
|
---
|
|
|