構(gòu)建單頁應(yīng)用有很多種方式的，下面具體說幾種

一，用原生的html+js

其實(shí)就是把所有的代碼都寫到一個(gè)頁面里，通過js來區(qū)分不同狀態(tài)的顯示，不同類型頁面的顯示。這樣寫是可以很容易的實(shí)現(xiàn)單頁web應(yīng)用。但是所有的代碼都堆積在一個(gè)頁面，簡(jiǎn)直是一個(gè)災(zāi)難。

二，用vue腳手架來搭建單頁應(yīng)用

比如像上面這個(gè)vue項(xiàng)目結(jié)構(gòu)圖。可以很好的通過多個(gè)組件的組合，來實(shí)現(xiàn)單頁應(yīng)用。既可以很好的實(shí)現(xiàn)單頁面web應(yīng)用，代碼有很好的依據(jù)功能點(diǎn)做區(qū)分。方便后期的維護(hù)。

所以做web單頁應(yīng)用，建議你去學(xué)習(xí)下vue。不僅能學(xué)到新知識(shí)。也更利于你單頁面web應(yīng)用以后的維護(hù)。

所以現(xiàn)在開發(fā)，不僅僅只想到功能如何實(shí)現(xiàn)。也要同步的考慮下，后期的維護(hù)和拓展成本。