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>