# 与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收到，可以根据此进行进一步的处理。
---