vue - 详细路由配置

1. 路由可配置多个

2. 路由包含嵌套子路由

3. 路由可以别名

4. 路由单独钩子

5. vue2.6.0（可以直接匹配大小写）

 export default new Router({
     mode: 'history', //路由模式，取值为history与hash
     base: '/', //打包路径，默认为/，可以修改
     routes: [
     {
         path: string, //路径
         ccomponent: Component; //页面组件
         name: string; // 命名路由-路由名称
         components: { [name: string]: Component }; // 命名视图组件
         redirect: string | Location | Function; // 重定向
         props: boolean | string | Function; // 路由组件传递参数
         alias: string | Array<string>; // 路由别名
         children: Array<RouteConfig>; // 嵌套子路由
         beforeEnter?: (to: Route, from: Route, next: Function) => void; // 路由单独钩子
         meta: any; // 自定义标签属性，比如：是否需要登录
         icon: any; // 图标
         // 2.6.0+
         caseSensitive: boolean; // 匹配规则是否大小写敏感？(默认值：false)
         pathToRegexpOptions: Object; // 编译正则的选项
     }
     ]
 })