今天花了挺多時間研究 Vue 多頁面,感受還比較通用,本身以後也可能重複用到,就稍微整理下,放到 GitHub 上了:vue-multi-pageshtml
說說背景和現狀。vue
因爲 Vue 原生是針對單頁面設計的,vue cli 生成的項目也是單頁面的;在單頁面的前提下,不少配置都默認化了,開發者是無感的。而一旦拉出來成多頁面,不少隱藏在內部的、以前開發者不須要知道的配置,都須要知道並修改。git
再加上官方並沒什麼指導,網上各類新舊版本交織,因此學起來比較累,也很難界定哪一種是最佳實踐。若是能更多地閱讀 Vue 源碼,可能更容易判斷;不過估計絕大多數人並沒這個耐心和時間。github
從技術上,大致有兩種實現方式:經過 pages 和 router;後者其實本質上仍是單頁面,只是經過 router 使得表現上像是多頁面,更完全的仍是 pages 方式。vuex
我就不展開講了,內行的直接看 代碼 就都明白了。這裏簡單列出一些點:框架
提及來,不知道 Vue 3 會不會原生對多頁面支持得更好,期待。設計
博客原文:0226 - 開源了本身折騰的 Vue 多頁面框架router