Vue-router 類似Vuex實現組件化開發

隨著項目越來越大,把所有route寫在一個文件里就顯得雜亂。

#單個組件路由
import  a from '../components/a'
export  default  {
  path: '/a',
  name: 'a',
  component: a
}
import arouter from 'xxx'
export default new Router({
  routes: [
     arouter
  ]
})

#多個組件路由
import  a from '../components/a'
import  b from '../components/b'
export  default  [{
  path: '/a',
  name: 'a',
  component: a
}, {
  path: '/b',
  name: 'b',
  component: b
}]
#arouter.js
export default new Router({
  routes: [
    ...arouter//擴展運算符
  ]
})
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 念想 "念想有一天 ,當你經過我身邊時 ,會把那朵原野的小花 ,輕輕地別在,我寧靜而蒼白的發際………。" 我在轉發...
    一簾幽夢剪剪風閱讀 249評論 0 0
  • 一個微故事:(未完)(上) 如果不是那次在菜市場,無意中聽到一個女人一邊打電話,一邊叫陳永遠這個熟悉的名字,蘇雪打...
    心動72行動閱讀 151評論 0 1
  • 組件和它們周圍的環境是隔離的,所以組件需要的任何數據都需要傳遞進去。 例如,想象你有一個blog-post組件,用...
    wodelu閱讀 449評論 0 0
  • 上回說到,時間來到了初平三年(公元192年)的二月十一,李儒給了我份黃金大禮包。 倘若一開始就給我這么貴重的黃金,...
    搬磚師爺閱讀 613評論 24 0