建立路由檔案

　　在專案的`src`目錄下，建立`router.js`檔案，用來專門管理路由，接下來所有的路由都寫在這個檔案中。

　　1.在router.js中匯入vue-router

import Vue from "vue";
import VueRouter from "vue-router";
Vue.use(VueRouter);

　　2.匯入需要路由的元件

　　3.建立路由

　　　　示例：

const routes = [{　　

　　path: "/",

　　component: Home,
　　name: "home"
},
{
　　path: "/orders",
　　component: Orders,
　　name: "orders"
},
{
　　path: "/our",
　　component: Our,
　　name: "our"
}
];

　　4.註冊路由

const router = new VueRouter({

　　routes
});

　　5.匯出路由

// 將路由匯出，在main.js中匯入

export default router;

在main.js檔案中匯入路由

import router from "./routes"

new Vue({
　　render: h => h(App),
　　router,
}).$mount('#app')

在app.vue中建立路由出口

// 建立路由出口    
<router-view></router-view>
// 基於Vant元件新增的路由，在需到跳轉的地方新增"to"指向路由
    <van-tabbar v-model="active">
      <van-tabbar-item icon="home-o" to="/">首頁</van-tabbar-item>
      <van-tabbar-item icon="orders-o" to="/orders">訂單</van-tabbar-item>
      <van-tabbar-item icon="user-o" to="/our">我的</van-tabbar-item>
    </van-tabbar>