import?Vue?from?'vue'
import?Router?from?'vue-router'
import?Login?from?'./views/Login.vue'
import?Home?from?'./views/Home.vue'

Vue.use(Router)

export?default?new?Router({
??mode:?'history',
??base:?process.env.BASE_URL,
??linkActiveClass:?'active',
??routes:?[
????{
??????path:?'/',
??????name:?'login',
??????component:?Login
????},
????{
??????path:?'/home',
??????name:?'home',
??????component:?Home,
??????children:[
????????{
??????????path:?'list',
??????????name:?'list',
??????????component:?()?=>?import(/*?webpackChunkName:?"list"?*/?'./views/List.vue')
????????},
????????{
??????????path:?'user',
??????????name:?'user',
??????????component:?()?=>?import(/*?webpackChunkName:?"user"?*/?'./views/User.vue')
????????},
??????]
????},
????{
??????path:?'/add',
??????name:?'add',
??????component:?()?=>?import(/*?webpackChunkName:?"add"?*/?'./views/Add.vue')
????},
??]
})

這里是router.js的參考，如果頁(yè)面沒(méi)有實(shí)時(shí)出結(jié)果，并且console沒(méi)有報(bào)錯(cuò)誤，可以重啟一下npm命令，再次使用npm run serve來(lái)重新運(yùn)行項(xiàng)目。

再一個(gè)要檢查一下Node的版本，npm的版本。

檢查一下，是否安裝了Vue，Vue-router依賴(lài)，如果以上的檢查都OK，那么一般來(lái)說(shuō)重新運(yùn)行項(xiàng)目就OK了。

可能是版本的問(wèn)題，我使用版本如下圖，訪問(wèn)子路由組件時(shí)，路徑http://localhost:8081/#/user，就不需要在子路由前面加父路由的路徑/home。

我的每個(gè)頁(yè)面都是輸出home是為什么啊

你刷新一下瀏覽器 剛開(kāi)始我的也沒(méi)有輸出 之后就好了