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的參考，如果頁面沒有實(shí)時出結(jié)果，并且console沒有報錯誤，可以重啟一下npm命令，再次使用npm run serve來重新運(yùn)行項(xiàng)目。

再一個要檢查一下Node的版本，npm的版本。

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

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

我的每個頁面都是輸出home是為什么啊

你刷新一下瀏覽器 剛開始我的也沒有輸出 之后就好了