0226 - 開源了本身折騰的 Vue 多頁面框架

今天花了挺多時間研究 Vue 多頁面,感受還比較通用,本身以後也可能重複用到,就稍微整理下,放到 GitHub 上了:vue-multi-pageshtml

說說背景和現狀。vue

因爲 Vue 原生是針對單頁面設計的,vue cli 生成的項目也是單頁面的;在單頁面的前提下,不少配置都默認化了,開發者是無感的。而一旦拉出來成多頁面,不少隱藏在內部的、以前開發者不須要知道的配置,都須要知道並修改。git

再加上官方並沒什麼指導,網上各類新舊版本交織,因此學起來比較累,也很難界定哪一種是最佳實踐。若是能更多地閱讀 Vue 源碼,可能更容易判斷;不過估計絕大多數人並沒這個耐心和時間。github

從技術上,大致有兩種實現方式:經過 pages 和 router;後者其實本質上仍是單頁面,只是經過 router 使得表現上像是多頁面,更完全的仍是 pages 方式。vuex

我就不展開講了,內行的直接看 代碼 就都明白了。這裏簡單列出一些點:框架

  • 支持多級目錄
  • 包含 router、vuex 示例
  • 內置了全局 404 的大致實現
  • 代碼中暫未包含私有及公共 Component 的示例,不過應該容易實現
  • 參考了 vue-multiple-pages,並在其基礎上二次開發

提及來,不知道 Vue 3 會不會原生對多頁面支持得更好,期待。設計

博客原文:0226 - 開源了本身折騰的 Vue 多頁面框架router

相關文章
相關標籤/搜索