router路由引入组件优化方法

1,065 阅读1分钟

import Vue from 'vue'
import Router from 'vue-router'
import Home from './home'
const routerList = []
function importAll(r){
    r.keys().forEach(key=>{
        routerList.push(r(key).default)
    })
}
// 第一个参数 目标文件夹
// 第二个参数 是否查找子集
// 正则匹配routes和.js结尾的文件
importAll(require.context('./router',true,/\.routes\.js/))
Vue.use(Router)
export default new Router({
    routes:[
        ...routerList,
        {
            path:'/',
            name:'home',
            component:Home
        }
    ]
})