So konfigurieren Sie das Routing in vue.js

So konfigurieren Sie das Routing in vue.js: 1. Installieren Sie vue-router; 2. Referenzieren Sie vue-router; 3. Konfigurieren Sie Routing-Dateien, z. B. [var router = new VueRouter({routes:[{path:"/hello ", Komponente...].

Die Betriebsumgebung dieses Artikels: Windows10-System, vue.js 2.9, Thinkpad T480-Computer.

vue.js Konfigurationsrouting-Schritte sind wie folgt:

Installation

npm install --save vue-router

Zitat

import VueRouter from 'vue-router'

Konfigurieren Sie die Routing-Datei

var router = new VueRouter({
   routes:[
    {
      path:"/hello",
      component:HelloWorld
    },
    {
      path:"/wen",
      component:HelloWen
    }
   ]
   })
    
   new Vue({
   el: '#app',
   components: { App },
   router,
   template: &#39;<App/>&#39;
   })

Der Speicherort, an dem die Ansicht geladen wird

Fügen Sie zur Standard-App.vue-Datei hinzu

Sprungnavigation

<router-link to="/hello">helloword</router-link>（渲染出来的是a标签）

Empfohlenes Lernen: php-Schulung

Das obige ist der detaillierte Inhalt vonSo konfigurieren Sie das Routing in vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!