項(xiàng)目中vue 單頁(yè)面多頁(yè)面的選擇

最近接觸vue，使用vue做一個(gè)類(lèi)似風(fēng)格的網(wǎng)站（如下圖），實(shí)際需求目測(cè)估計(jì)20+頁(yè)面。單頁(yè)面是否能夠滿(mǎn)足？

因?yàn)闆](méi)有沒(méi)有用過(guò)vue，擔(dān)心是否使用單頁(yè)面時(shí)，頁(yè)面、配置等其他會(huì)過(guò)于冗余，編譯后頁(yè)面會(huì)不會(huì)巨大無(wú)比（加載慢？），會(huì)不會(huì)有坑。
如果使用多頁(yè)面那么公共區(qū)域部分總是重復(fù)編譯、加載、渲染是不是也不太好？

有開(kāi)發(fā)經(jīng)驗(yàn)的小伙伴可以分享下經(jīng)驗(yàn)嗎？

回答

編輯回答

笨尐豬

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

2018年3月30日 19:04

編輯回答

寫(xiě)榮

不要單頁(yè)面，不要單頁(yè)面。不要單頁(yè)面！重要的事情說(shuō)三遍

2018年9月13日 17:10

編輯回答

風(fēng)清揚(yáng)

個(gè)人覺(jué)得單頁(yè)面就夠了，而且體驗(yàn)還好點(diǎn)，好多資源都是共用的，多頁(yè)面浪費(fèi)請(qǐng)求

2018年9月14日 03:05

編輯回答

孤影

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

2017年10月17日 03:27

編輯回答

兮顏

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

2017年3月16日 23:13

編輯回答

傻丟丟

可以看這個(gè)https://segmentfault.com/a/11...

2018年5月10日 04:23

編輯回答

法克魷

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

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

可以看下這個(gè)例子

2017年3月8日 07:25

編輯回答

薄荷糖

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

2017年3月16日 09:41

編輯回答