vue-router的技巧，结合https://github.com/wdlhao/vue2-element-touzi-admin项目

这里有一个hidden参数，通过判断路由对象里面的hidden值选择是否渲染该路由入口，然而你在路由视图里面是无法通过$route.hidden来取得路由对象的hidden属性的，因为路由渲染的时候会把无关的字段忽略掉。说到底这个只是一个判断路由入口是否可见的开关而已。

{ path: '/login',name: 'login',component:() => import('@/page/login'),hidden: true},

使用时
<router-link v-if="!item.hidden && item.noDropdown" :to="item.path+'/'+item.children[0].path" :key="index">

// import语法实现路由懒加载 打包时拆分，这样就不会首屏加载很慢，官网有介绍，还可以用压缩的方式
这就是如何定义一个能够被 Webpack 自动代码分割的异步组件。

const Foo = () => import('./Foo.vue')

const router = new VueRouter({
  routes: [
    { path: '/foo', component: Foo }
  ]
})

有些代码里面会写成

component: () => import('@/page/errorPage/401')

这个框架里面要注意学习布局方式，