分享一个Vue路由模块化方法,简单实用,好用到飞起
路由模块化
创建文件路径如下:
1. router/index.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import home from './home' //路由模块
import order from './order' //路由模块
Vue.use(VueRouter)
const routes = [
//首页
home,
//订单模块
order,
//首次加载时先走登录页
{
path: '/login',
name: 'login',
component: () => {
return import("@/views/login.vue")
}
},
//路由重定向
{
path: '/',
redirect: "/login"
}
]
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
export default router
2. router/home.js 无子路由
/**
* 首页路由
*/
export default {
path:"/home",
name:"home",
component:()