1.安裝

開啟命令列進入到專案資料夾下，執行命令

1. npm install vue-router --save  

等待安裝完畢。

2.使用

開啟Vue專案下的main.js檔案，匯入vue-router。

import VueRouter from 'vue-router'

然後用Vue.use()使用路由

Vue.use(VueRouter);

//然後建立VueRouter例項並寫配置項
const router = new VueRouter({
mode:"history",//如果不加這個引數會在路徑前出現一個#號 如http://你的網站根目錄/#/page1
      routes:[
      {path:'/',component://這裡寫要載入的元件},
      {path:'/這裡寫進入的地址',component:這裡寫要載入的元件}
      {path:'/page1',component:Page1} //這個例子就是進入 http://你的網站根目錄/page1 時載入Page1元件。
      ]
});
 

配置完成以後我們需要在Vue例項中引入它

然後開啟App.vue元件，在id為app的div中加入

<router-view></router-view>標籤的含義是載入的元件在這裡顯示

<router-link></router-link>和a標籤差不多，但不同的是這個標籤不會重新整理頁面