vue router 引入多個路由檔案

豬豬是天才發表於2019-02-27
Vue路由

背景：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 擴充套件運算子的解釋


相關文章