MPVue是一個小程序的開發框架，它可以讓我們使用Vue語法開發小程序，而Vue Router就是Vue的一個插件，用于實現SPA的頁面跳轉。在MPVue中使用Vue Router也是非常方便的。

首先我們需要安裝Vue Router:

npm install vue-router --save

接下來我們在main.js中引入Vue Router:

import Vue from 'vue'
import App from '@/App'
import router from '@/router'
Vue.config.productionTip = false
App.mpType = 'app'
Vue.prototype.$router = router
const app = new Vue({
...App
})
app.$mount()

我們需要新建一個router.js文件，來描述我們的路由:

import Vue from 'vue'
import Router from 'vue-router'
import Index from '@/components/index/Index.vue'
import Detail from '@/components/detail/Detail.vue'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'index',
component: Index
},
{
path: '/detail/:id',
name: 'detail',
component: Detail
}
],
mode: 'history'
})

在我們的components文件夾中，我們需要新建一個index和detail文件夾，分別放置Index.vue和Detail.vue組件。

現在我們就可以在頁面中使用router-link和router-view了，這和在Vue中是一樣的。比如我們在Index.vue中可以這樣使用:

在Detail.vue中，我們可以通過$router對象來獲取路由參數:

這樣就完成了MPVue中使用Vue Router的教程。