Vuejs erweitern eine übergeordnete Komponente von Kind

Question

Ich versuche, HTML aus einer untergeordneten Komponente in einer übergeordneten Komponente zu platzieren.

ChildComponent.vue

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

ähnlich wie Laravel des @yield und @section

In meinem Szenario, ich habe den Menubars für meine Anwendung in den übergeordneten <template> und will den Raum darunter über das Kind füllen Komponente.

Weiß jemand, ob und/oder wie es möglich ist, dies zu tun?

Answer 1

Ich habe mein Problem behoben, indem ich <router-view></router-view> in meine Elternkomponente an der Stelle eingefügt habe, an der ich die Kindkomponente haben möchte.

Und ich legte die untergeordnete Komponente in children im Router.

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

Answer 2

Wenn Sie nur ohne die Verwendung von VueRouter zu erweitern suchen, werfen Sie einen Blick auf die Schlitze docs: https://vuejs.org/v2/guide/components.html#Single-Slot