我是靠谱客的博主 可爱水蜜桃,最近开发中收集的这篇文章主要介绍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; // 编译正则的选项
    }
    ]})

 

最后

以上就是可爱水蜜桃为你收集整理的vue-router之路由属性配置说明的全部内容,希望文章能够帮你解决vue-router之路由属性配置说明所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(58)

评论列表共有 0 条评论

立即
投稿
返回
顶部