Comment configurer le routage dans vue.js

Comment configurer le routage dans vue.js : 1. Installez vue-router ; 2. Référencez vue-router ; 3. Configurez les fichiers de routage, tels que [var router = new VueRouter({routes:[{path:"/hello ", composant...].

L'environnement d'exploitation de cet article : système windows10, vue.js 2.9, ordinateur thinkpad t480.

Les étapes de routage de la configuration vue.js sont les suivantes :

Installation

npm install --save vue-router

Citation

import VueRouter from 'vue-router'

Configurez le fichier de routage

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

L'emplacement où la vue est chargée

Ajoutez au fichier App.vue par défaut

Jump navigation

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

Apprentissage recommandé : formation php

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!