Notebook-StarNet/aboutVUE3.md

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

---