> For the complete documentation index, see [llms.txt](https://ksloveyuan.gitbook.io/vue-code-snippet/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ksloveyuan.gitbook.io/vue-code-snippet/vue-code-snippet/pass-slots-from-parent-to-child-components.md).

# 把父组件的slot传给子组件

## 通用写法

```javascript
<slot v-for="(_, name) in $slots" :name="name" :slot="name" />
<template v-for="(_, name) in $scopedSlots" :slot="name" slot-scope="slotData">
  <slot :name="name" v-bind="slotData" />
</template>
```

原文地址： [Vue: Pass Slots through from Parent to Child Components](https://gist.github.com/Loilo/73c55ed04917ecf5d682ec70a2a1b8e2)

## 传入指定的slot，并重命名

```javascript
<slot name="append-outer" slot="append"/>
```

append-outer是在父组件指定的slot名，append是子组件里指定的slot名。