拆分vue的路由，便于阅读路由信息

妖狐艹你老母 2023-01-01 13:52 195阅读 0赞

如下是pc端的路由信息：`pc-router.js`，我的意图是将路由拆分成 电脑端和手机端。方便日后设计手机界面的UI

#### 注意点: export 返回的是一个数组 ####

import Login from "@/components/common/login_Register_Reset/login/Login";// 登录组件
    import AdminMeau from "@/components/computerUI/userConsole/layout/AdminMeau";// 后台管理组件
    
    export default [
        /** * pc端路由 */
        { 
            path: '/pc/login',
            component: Login
        },
        { 
            path: 'admin/allDataView',
            component: AdminMeau
        }
    ]

然后在路由信息中使用`...pcRouter`（pcRouter是通过import导入的）  
如下是`router/index.js`

import Vue from 'vue'  // vue
    import VueRouter from 'vue-router'  // 路由器
    Vue.use(VueRouter)  // 注册组件使用路由器
    
    import pcRouter from './pc-router' // 这里导入上面的pc-router.js
    import Index from "@/components/computerUI/visitor/index/Index"; // 网站首页
    
    export default new VueRouter({ 
        // mode:'history',
        routes: [
            /**首页**/
            { 
                path: '/',
                component: Index,
            },
            /** * 引入pc端路由,前面需要import导入 */
            ...pcRouter,
        ]
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，195人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue-03-路由-路由守卫

首先，路由守卫存在三种情况 1、全局守卫 router.beforeEach 在 mian.js 内部添加全局守卫，to 表示去往哪个路由，from 表示从哪个路由

妖狐艹你老母/ 2023年07月25日 12:52/ 0 赞/ 13 阅读

相关拆分vue的路由，便于阅读路由信息

如下是pc端的路由信息：`pc-router.js`，我的意图是将路由拆分成电脑端和手机端。方便日后设计手机界面的UI 注意点: export 返回的是一个数组

妖狐艹你老母/ 2023年01月01日 13:52/ 0 赞/ 196 阅读

相关路由 vue-router 路由守卫路由重定向路由嵌套路由守卫路由命名路由懒加载

Vue Router 是 [Vue.js][] 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表

傷城~/ 2022年12月02日 01:04/ 0 赞/ 356 阅读

相关 Vue路由按模块拆分配置

[https://www.jianshu.com/p/2833243987dd][https_www.jianshu.com_p_2833243987dd] 通常我们编写vu

╰半夏微凉°/ 2022年11月21日 01:26/ 0 赞/ 227 阅读

相关 vue 路由、嵌套路由、动态路由

简介路由就是一套映射规则，当url中的哈希值（\hash）改变时，路由会根据制定好的规则，展示对应的视图组件。 vue中的路由路径分为：相对路径（不带 ‘/’，会拼接

朴灿烈づ我的快乐病毒、/ 2022年10月29日 13:28/ 0 赞/ 431 阅读

相关 VUE —— 9、路由（二级路由、路由拦截）、axios

目录 8.二级路由（1）路由配置（2）二级路由渲染 9.路由拦截（12）axios 1.get请求 2.post请求 3.axios全局引入（很少用，用

待我称王封你为后i/ 2022年08月31日 04:59/ 0 赞/ 357 阅读

相关 Vue路由（嵌套路由）的使用

1、vue-router介绍 vue-router是Vue.js的路由插件。适合用于构建单页面应用，基于路由和组件；路由用于设定访问路径，将路径和组件映射起来。路径

￡神魔★判官ぃ/ 2021年09月20日 09:08/ 0 赞/ 606 阅读

相关 vue路由分文件拆分管理

这里说的路由拆分指的是将路由的文件，按照模块拆分，这样方便路由的管理，更主要的是方便多人开发。具体要不要拆分，那就要视你的项目情况来定了，如果项目较小的话，也就一二十个路由，那

雨点打透心脏的1/2处/ 2021年09月19日 16:22/ 0 赞/ 395 阅读

相关 vue2路由--嵌套路由

一般应用中的路由方式不会像上述例子那么简单，往往会出现二级导航这种情况。这时就需要使用嵌套路由这种写法。 <%@ taglib prefix="c" uri="htt

阳光穿透心脏的1/2处/ 2021年09月14日 15:10/ 0 赞/ 612 阅读

相关 vue 路由嵌套(二级路由)

路由嵌套就是在父路由配置好后,配置一个children属性,里面放置的的内容跟routes属性下面的内容大体一样,这就是二级路由的配制方法。嵌套路由的关键字childr

青旅半醒/ 2021年07月27日 01:47/ 0 赞/ 850 阅读