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

如下是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,
    ]
})

你可能感兴趣的:(云博前端,#,Vue源码分析)