鍍金池/ 問(wèn)答/HTML/ vue開(kāi)發(fā)頁(yè)面極多的應(yīng)用

vue開(kāi)發(fā)頁(yè)面極多的應(yīng)用

試圖制作一個(gè)項(xiàng)目,采用vue+webpack, 項(xiàng)目會(huì)有非常多的頁(yè)面,不知道該如何開(kāi)發(fā)
關(guān)于頁(yè)面:

  1. 頁(yè)面數(shù)量非常多,多大上百個(gè);
  2. 每個(gè)頁(yè)面幾乎都是獨(dú)立頁(yè)面,當(dāng)然會(huì)有復(fù)用部分;
  3. 主頁(yè)面就是一個(gè)菜單頁(yè)面,點(diǎn)擊菜單項(xiàng),會(huì)在當(dāng)前頁(yè)面的空白處展現(xiàn)子頁(yè)面并在其中操作;

不知道該如何進(jìn)行開(kāi)發(fā):

  1. 直接把頁(yè)面做成.vue的components,這么做似乎最簡(jiǎn)單,但感覺(jué)會(huì)有兩個(gè)問(wèn)題:
    a. 在同一個(gè)頁(yè)面不停切換component,數(shù)量多了之后會(huì)不會(huì)造成性能問(wèn)題,component似乎每次切換都是重建一個(gè);
    b. 因?yàn)榘浅6嗟捻?yè)面,初始化會(huì)不會(huì)非常的慢,使用者可能也只會(huì)使用比較少的部分;
  2. 多入口。感覺(jué)會(huì)有的問(wèn)題:
    a. 因?yàn)轫?yè)面非常多,所以多入口的模式靈活程度會(huì)下降,畢竟每個(gè)入口都要配置一次;
    b. 使用層級(jí)關(guān)系建立更少的多入口,即每10個(gè)菜單為一組,只要建立10個(gè)入口,不過(guò)不知道這種模式的實(shí)用性;
    c. 這種做法在公用模塊的使用上會(huì)不會(huì)有影響?
  3. 使用iframe,iframe似乎更方便管理的,但是在vue-cli中使用iframe似乎不太友好,并不便于引用。

初學(xué)者,可能有些淺顯,若是有更好的方案也希望指出。

回答
編輯回答
遲月

你這個(gè)實(shí)際上一個(gè)方案就能解決。就是路由懶加載,沒(méi)必要多入口,用戶點(diǎn)那個(gè)頁(yè)面再加載那個(gè)頁(yè)面相關(guān)的js和css,至于性能問(wèn)題,vue虛擬DOM,不用操心。

2017年5月31日 03:09
編輯回答
萢萢糖

使用vue-router 頁(yè)面全部組件化,只有一個(gè)特定入口,別的頁(yè)面都解構(gòu)成組件。
組件的完成需要你分析業(yè)務(wù)邏輯,將相同結(jié)構(gòu)的可以抽離的你所說(shuō)的“頁(yè)面”寫(xiě)成組件,然后按需加載。

2018年4月26日 21:46
編輯回答
故林

多頁(yè)面開(kāi)發(fā)很簡(jiǎn)單https://segmentfault.com/a/11...

2017年2月3日 12:02
編輯回答
扯不斷

我想你這個(gè)應(yīng)該用路由來(lái)做比較方便吧

2018年3月27日 16:41