Vue vue-router之路由属性配置说明(十)

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

代码如下:exportdefaultnewRouter({mode:'history',//路由模式,取值为history与hashbase:'/',//打包路径,默认为/,可以修改routes:[{path:string,//路径ccomponent:Component;//...

代码如下:

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; // 编译正则的选项
    }
    ]})


转载于:https://blog.51cto.com/4547985/2390813

Logo

前往低代码交流专区

更多推荐

  • 浏览量 3123
  • 收藏 0
  • 0

所有评论(0)

查看更多评论 
已为社区贡献2条内容