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