多個vue子路由文件自動化合并的方法，

1. 目錄結構

廢話不多說，直接上圖。

目錄結構，如下圖所示

2. 代碼編寫位置

在router目錄下面的index.js文件中寫入以下代碼

import Vue from 'vue'

import Router from 'vue-router'

Vue.use(Router)

let routes = []

const routerContext = require.context('./', true, /index\.js$/)

routerContext.keys().forEach(route => {

// 如果是根目錄的 index.js、 不做任何處理

if (route.startsWith('./index')) {

return

}

const routerModule = routerContext(route)

// 兼容 import export 和 require module.export 兩種規(guī)范 Es modules commonjs

routes = [...routes, ...(routerModule.default || routerModule)]

})

export default new Router({

mode: 'history',

base: process.env.BASE_URL,

routes: routes

})

總結

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對3672js教程的支持。

本站文章為3672js教程網(wǎng)友分享投稿，版權歸原作者，歡迎任何形式的轉載，但請務必注明出處。同時文章內(nèi)容如有侵犯了您的權益，請聯(lián)系我們處理。

總結

以上是生活随笔為你收集整理的router vue 多个路径_多个vue子路由文件自动化合并的方法，的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。