Vue implementiert das Methodenbeispiel der Tab-Routing-Umschaltkomponente

*{
            Rand: 0;
            Polsterung: 0;
        }
        #app ul{
            Breite: 300px;
            Höhe: 30px;
            Listenstil: keiner;
        }
        #app>ul>li{
            Breite: 100px;
            Höhe: 30px;
            schweben: links;
        }

<div id="app">
    <ul>
        <li>
            <router-link to="/dyy">Erste Seite</router-link>
        </li>
        <li>
            <router-link to="/dey">Zweite Seite</router-link>
        </li>
        <li>
            <router-link to="/dsy">Seite 3</router-link>
        </li>
    </ul>
    <Router-Ansicht></Router-Ansicht>
</div>
 
<Vorlagen-ID="DyyDay">
    <div>
        <ul>
            <li>Neuigkeiten 01</li>
            <li>Neuigkeiten 02</li>
            <li>Neuigkeiten 03</li>
        </ul>
    </div>
</Vorlage>
 
<Vorlagen-ID="DeyDay">
    <div>
        <ul>
            <li>Nachricht 01</li>
            <li>Nachricht 02</li>
            <li>Nachricht 03</li>
        </ul>
    </div>
</Vorlage>
 
<Vorlagen-ID="DsyDay">
    <div>
        <h1>Startseite</h1>
        <router-link to="/dsy/home1">home1</router-link>
        <router-link to="/dsy/home2">home2</router-link>
        <Router-Ansicht></Router-Ansicht>
    </div>
</Vorlage>
 
<Vorlagen-ID="home1">
    <h1>Ich bin zuhause1</h1>
</Vorlage>
 
<Vorlagen-ID="home2">
    <h1>Ich bin zu Hause2</h1>
</Vorlage>

let Dyy={template:`#DyyDay`};
    let Dey={template:`#DeyDay`};
    Lassen Sie Dsy = {template:`#DsyDay`};
    Lassen Sie home1 = {template:`#home1`};
    Lassen Sie home2 = {template:`#home2`};
    let router = neuer VueRouter({
        Routen:[
            { Pfad:'/',Umleitung:"dyy" },
            { Pfad:'/dyy',Komponente:Dy },
            { Pfad:'/dey',Komponente:Dey },
            { Pfad:'/dsy',Komponente:Dsy,
                Kinder:[
                    {Pfad:'/dsy/home1',Komponente:home1},
                    {Pfad:'/dsy/home2',Komponente:home2}
                ]
            }]
    });
    let app = neues Vue({
        Router
    }).$mount('#app')