進入一家新的公司,要開發移動端app項目,前端技術選型時前端組長選的是vue的多頁面開發,當時很蒙,vue不是單頁面開發嗎?咋出來多頁面的。接觸之後才發現确實存在也挺簡單的,省去了路由表的配置。那就給大家整體思路分析一波吧。不足之處還請包涵!
單頁面開發我就不多說了,主要講多頁面的開發模式與最終效果,網上一搜單頁面會有好多文章部落格,但是搜多頁面的就很少了,比如下面這個就是列了一下兩種開發模式的優缺點。

首先多頁開發,肯定是一個頁面就是一個單獨檔案,每個檔案也有自己的.vue .js 和compoent自身元件,如下page裡的一個檔案就是一個頁面。
那這麼多頁面之間如果有參數需要互相傳遞,這時就隻能借用localStorage本地存儲了,或者封裝一個全局傳參方法,挂載注冊到main.js裡,我是封裝的localStorage方法。
如果頁面之間互相跳轉,沒有單頁面路由了,那就隻能是window.location.href了,alertDialog裡的哪個app.openView是安卓跳轉方法,其實就相當于下面的注釋。
那麼這些頁面最終也需要打包,最核心的就是下面方框裡的代碼了,chunk最終就是每個頁面的檔案名,對應的就是檔案名.html.
glob是打包多頁面的一個方案插件,最後把pages對象抛出就行了。