这里有一个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')
这个框架里面要注意学习布局方式,