vue-router之路由属性配置说明

复制代码export default new Router({     mode: 'history', //路由模式，取值为history与hash     base: '/', //打包路径，默认为/，可以修改     routes: [     {         path: string, //路径         component: Component; //页面组件         name: string; // 命名路由-路由名称         components: ( ComponentName | ()=>import('页面地址') ); // 命名视图组件         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; // 编译正则的选项     }     ]})

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
export default new Router({
    mode: 'history', //路由模式，取值为history与hash
    base: '/', //打包路径，默认为/，可以修改
    routes: [
    {
        path: string, //路径
        component: Component; //页面组件
        name: string; // 命名路由-路由名称
        components: ( ComponentName | ()=>import('页面地址') ); // 命名视图组件
        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; // 编译正则的选项
    }
    ]})