Vuejs 从子组件扩展父组件答案

【问题标题】：Vuejs extending a parent component from childVuejs 从子组件扩展父组件
【发布时间】：2017-07-04 13:26:38
【问题描述】：

我正在尝试将子组件中的 HTML 放入父组件中。

ChildComponent.vue

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

很像 Laravel 的 @yield 和 @section

在我的场景中，我的应用程序的菜单栏位于父级 <template> 中，并希望通过子组件填充其下方的空间。

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

【问题讨论】：

标签： javascript vuejs2 vue-component

【解决方案1】：

如果您只是想在不使用 VueRouter 的情况下进行扩展，请查看插槽文档：https://vuejs.org/v2/guide/components.html#Single-Slot

【讨论】：

【解决方案2】：

我通过将<router-view></router-view> 放在我的父组件中我想要子组件的位置来解决我的问题。

我把子组件放在路由器的children中。

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

【讨论】：