20+頁面可以用單頁，單頁多頁和頁面多少好像關(guān)系不大，理論上來說應(yīng)該所有的網(wǎng)站都是可以用單頁來實現(xiàn)的

不要單頁面，不要單頁面。不要單頁面！重要的事情說三遍

個人覺得單頁面就夠了，而且體驗還好點，好多資源都是共用的，多頁面浪費請求

其實與頁面?zhèn)€數(shù)沒有太大關(guān)系，主要是看頁面結(jié)構(gòu)的復(fù)雜性，一般你這種需求都做多頁應(yīng)用，特別是你這個數(shù)據(jù)列表這一塊，將來或許會有數(shù)以萬計的數(shù)據(jù)要展示，若多個類似的需求在單頁完成，渲染速度和響應(yīng)速度···可想而知。

單頁面首次加載緩慢，但是后面的加載優(yōu)勢就會超過多頁面了。而多頁面則是首次加載快，但是后面每次都要進(jìn)行加載。
vue這種還是比較適合做單頁面的，你把webpack配置一下做多頁面應(yīng)該也可以，但是這樣就喪失了vue的優(yōu)勢了。
建議如果不需要考慮太多的兼容性就還是用vue來做單頁面吧。比如自己用的后臺管理系統(tǒng)什么的。
如果要兼容到ie8什么的。。。還是再考慮下。

可以看這個https://segmentfault.com/a/11...

多頁面對webpack來說就是多入口，每個入口可以看做一個單頁面。
個人認(rèn)為：結(jié)構(gòu)內(nèi)容相似，關(guān)聯(lián)度大的可以做在一個入口里，然后用router維護(hù)不同的內(nèi)容，不相關(guān)的可以另開一個頁面
簡單說：

a.html -> a.html#routerA1, a.html#routerA2
b.html -> b.html#routerB1, b.html#routerB2

可以看下這個例子

多頁面有多頁面的好處，單頁有單頁的好處，從seo爬蟲這方便我比較傾向于多頁面，單頁面的話只有index.html，而且沒有相關(guān)的內(nèi)容，只有一行代碼，多頁面的話你打開會發(fā)現(xiàn)所有數(shù)據(jù)都會展現(xiàn)，這樣利用seo，這樣的話就看你的產(chǎn)品傾向于什么方面了

如果剛開始學(xué)
不建議直接用來做項目，可以自己先寫點東西練手
要不是做到后面悟出了點東西，就會發(fā)現(xiàn)前面給自己埋了太多坑了

推薦單頁面
依賴庫過多？按需加載、Tree Shaking、提取公共庫
頁面加載時間過長？Prerender、異步組件加載
需要seo和首屏渲染時間？SSR