Bagaimana untuk mengkonfigurasi penghalaan dalam vue.js

Cara mengkonfigurasi penghalaan dalam vue.js: 1. Pasang vue-router; 2. Rujukan vue-router; 3. Konfigurasikan fail penghalaan, seperti [var router = new VueRouter :" /hello",komponen...].

Persekitaran pengendalian artikel ini: sistem windows10, vue.js 2.9, komputer thinkpad t480

Langkah-langkah untuk mengkonfigurasi penghalaan dalam vue.js adalah seperti berikut:

Pemasangan

npm install --save vue-router

Rujukan

import VueRouter from 'vue-router'

Konfigurasikan fail penghalaan

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

Lokasi tempat paparan dimuatkan

Tambah 975b587bf85a482ea10b0a28848e78a4dd6e4ababe59793a4ac75fb9e5c5550e

Navigasi lompat

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

Pembelajaran yang disyorkan:

latihan php

Atas ialah kandungan terperinci Bagaimana untuk mengkonfigurasi penghalaan dalam vue.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!