Javascript Vuejs从子组件扩展父组件

我试图将子组件中的HTML放入父组件中

ChildComponent.vue

<template>
  <parent>
    <h3>test</h3>
  </parent>
</template>

测试

很像拉维尔的

@yield

和

@section

在我的场景中，我的应用程序的菜单栏位于父级

中，并希望通过子组件填充其下方的空间

---

有人知道是否和/或如何做到这一点吗？

我通过将

放在父组件中我想要子组件的位置，解决了我的问题

我把子组件放在路由器的

子组件中

{
  path: '/parent',
  name: 'Parent',
  component: Parent,
  children: [
    {
      path: '/parent/child',
      name: 'Child',
      component: Child
    }
  ]
}

如果您只是希望在不使用VueRouter的情况下进行扩展，请查看slots文档：