vue router 引入多个路由文件

背景：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 扩展运算符的解释