webpack-vue/src/router/router.js

import Vue from 'vue';
import Router from 'vue-router';
import tab from 'components/tab';
import Login from  '@/pages/login/Login';
import Layout from  '@/pages/layout/Layout';
Vue.use(Router)

export default new Router({
  // mode: 'history',
  // base: process.env.BASE_URL,
  routes: [
    {
      path: '/login',
      name:'login',
      component: Login,
    },
    {
      path: '/',
      name:'layout',
      component: Layout,
      hidden: true
    },
    {
      path: '/nav',
      component: Layout,
      children: [{
        path: 'nav1',
        name:'Nav1',
        component: () => import('@/pages/nav1/Nav1'),
      },{
        path: 'nav2',
        name:'Nav2',
        component: () => import('@/pages/nav2/Nav2'),
      }]
    }
  ]
})