vue router 引入多个路由文件

2,307 阅读1分钟

背景:vue 项目 想把路由文件分为几个子文件,通过 export/import 的方式 引入到 index.js 中,这样做使得项目路由文件更加清晰,不至于都堆在一个文件里,难以查找。

解决办法:

增加子文件:

xxx.js

let router = {}

export default router

index.js 中用 import 引入

------------------------------------------------------------------

但是这里遇到一个坑:

如果我们想在子文件添加多个路由 json ,而 index.js 中只有一个数组,该怎样引入呢?

解决方法:

子文件:

let router = [{},{}]
export default router

index.js:

import xxx from './xxx'

export default new Router({
  routes: [
     ...xxx (这里使用 es6 扩展运算符 ...)
  ]
})

这样就完美解决~

附上 es6 扩展运算符的解释