vue頁面與現有工程的幾種整合方法

2021-08-14 11:43:13 字數 593 閱讀 1476

vue是一種很優秀的語言,使用它,簡單快捷。

生產出一些好的頁面後,如何與現有的工程進行結合呢。以express工程為例

(1) 頁面很多,自成體系。 且頁面是通過vue的腳手架工程裡編譯而成的。

編譯後的工程放在這個目錄

/dist/

將此目錄作為靜態目錄,可以直接訪問

路由裡新增路由

router.get('/home', function (req, res, next) )

index.html內容為

記得這個頁面集裡面雖然可以跳來跳去,但如果在某個頁面停留,重新整理,還是會走到伺服器,於是,最好還是要在路由裡加一下,如下:

router.get('/about', function (req, res, next) )

(2)頁面只是單獨頁面。 由vue腳手架編譯成生產環境

也如同(1),只不過它的規模比較小,只有乙個頁面

(3)頁面只是作為原生頁面的一部分

");將頁面動態嵌入了乙個原生的頁面裡了

(4)頁面是原生的vue,沒有通過腳手架編譯。

因為連vue也被 當成乙個普通的js了,所以 ,就當它是乙個普通的頁面處理吧

vue的路由以後的頁面整合

前面呢也提到一點點,今天就吧這個頁面整合給分享一下。有不對的地方還望包容。在vue中,一般在主顯示的介面的路徑呢一般是 也就是單括號中有一斜槓的這個呢是預設的顯示路徑。只要路由配置了這個路徑用就能顯示,如果想顯示多個元件,那目前有兩種方法,一種是以標籤的形式,一種是利用路由components形式。...

Vue與Springboot的簡單整合

概述 本文主要講述vue springboot jpa實現登入註冊的方法,springboot 2.1.3.release vue 3.5.5 均為當前最新版本,其中首頁和登入效果如圖所示 1 安裝node和npm 安裝方法參考官網 2 安裝vue和vue cli 1 方式一 npm install...

Struts與Spring整合的幾種方法

論壇中用struts spring的人不少,以前的帖子也有問過struts spring的整合方式。前面的帖子中readonly老大曾經提到過spring2.0新增加的乙個整合方式。今天簡單把這幾種整合方式小結一下。下面著重談一下spring2.0新增的乙個整個方式,我感覺挺不錯,可以完全將stru...