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

首先多頁開發,肯定是一個頁面就是一個單獨檔案,每個檔案也有自己的.vue .js 和compoent自身組件,如下page里的一個檔案就是一個頁面,

那這么多頁面之間如果有引數需要互相傳遞,這時就只能借用localStorage本地存盤了,或者封裝一個全域傳參方法,掛載注冊到main.js里,我是封裝的localStorage方法,
如果頁面之間相互跳轉,沒有單頁面路由了,那就只能是window.location.href了,alertDialog里的哪個app.openView是安卓跳轉方法,其實就相當于下面的注釋,

那么這些頁面最終也需要打包,最核心的就是下面方框里的代碼了,chunk最終就是每個頁面的檔案名,對應的就是檔案名.html.
glob是打包多頁面的一個方案插件,最后把pages物件拋出就行了,

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/104003.html
標籤:JavaScript
下一篇:淺談Promise
