子コンポーネントから親コンポーネントを継承するVuejs

Question

親コンポーネントの子コンポーネントからHTMLを挿入しようとしています。 Laravelの@yieldと@section

私のシナリオではよく似て

ChildComponent.vue

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

、私は子供を経由して親<template>に私のアプリのためにメニューバーを持っており、その下のスペースを埋めるためにしたいです成分。

これを行うことができるかどうか、どのようにすることができますか？

Answer 1

<router-view></router-view>を親コンポーネント内に子コンポーネントが必要な場所に配置することで問題を解決しました。

そして、子コンポーネントをルータのchildrenに配置しました。

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

Answer 2

あなただけVueRouterを使用せずに拡張するために探している場合は、スロットのドキュメントを見てみましょうは：https://vuejs.org/v2/guide/components.html#Single-Slot