Vue實作路由跳轉 vue-router

首先，我們先下載下傳安裝路由(子產品化)

npm i vue-router -s      

接着在啟動檔案中啟用該路由(配置路由規則)

“../pages/DmMyself”是我的路徑，大家自行修改你們的路徑

import Vue from 'vue'      

import Router from 'vue-router'      

import DmMyself from '../pages/DmMyself'      

我們在引入下(注冊)

配置路由系統資料庫（/myself 我的路徑，大家自行修改，name/compoent大家也根據自己的名稱修改）

Vue.use(Router)
export default new Router({ 
     routes: [
           {
                path:'/myself', name:'DmMyself', component:DmMyself
            }
      ]
})      

接着在根元件下占個位置

<router-view></router-view>      

最後，我需要點選“我的”，跳轉到DmMysele頁面

<router-link to="/myself">我的</router-link>