Есть ли способ сделать уценку от объявления в компоненте Vue

Question

По сути, я ищу возможность отображать содержимое из объявления компонента в самом фактическом компоненте.

Другой компонент:

<Page>
    <h1>A title</h1>
    <p>An amazing paragraph</p>
</Page>

Компонент страницы:

<template>
    <Header/>
    <!-- Here is where I want to render the title & paragraph-->
    <Footer/>
</template>

Vue выполняет аналогичную функцию с представлением маршрутизатора, выставляя <router-view/> в точке входа приложения.По сути, это то, что я хотел бы сделать, за исключением компонентов.

Возможно ли это вообще?

Answer 1

Вам просто нужно добавить <slot/> туда:

<template>
    <Header/>
    <slot></slot>
    <Footer/>
</template>

Выезд: https://vuejs.org/v2/guide/components-slots.html