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的参考，如果页面没有实时出结果，并且console没有报错误，可以重启一下npm命令，再次使用npm run serve来重新运行项目。

再一个要检查一下Node的版本，npm的版本。

检查一下，是否安装了Vue，Vue-router依赖，如果以上的检查都OK，那么一般来说重新运行项目就OK了。

可能是版本的问题，我使用版本如下图，访问子路由组件时，路径http://localhost:8081/#/user，就不需要在子路由前面加父路由的路径/home。

我的每个页面都是输出home是为什么啊

你刷新一下浏览器 刚开始我的也没有输出 之后就好了