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 擴展運算符的解釋