老專案JSP中如何整合和使用VUE的一些特性

2021-10-09 07:07:40 字數 679 閱讀 2038

vue主要開發單頁面應用,並且為了做到前後端分離的乙個產物。使用vue開發單頁面應用主要使用vue cli的腳手架來進行快速開發。教程比較多在此就不囉嗦了。但是往往有些專案不是前後端分離的,一句話系統是拿jsp寫的,使用老一套的j2ee,這樣的專案中都是直接操作的dom,使用的jquery等。既然vue好處挺多那我們可不可以在我們的jsp中使用呢,並且對我們的專案要求改造小,不影響之前的功能呢。下面我們就介紹一種方法,在做老專案的同志們可以參考下,也歡迎提出更好的方式。

範圍:前台jsp

實現:整合vue

效果:可以使用vue的一些特性

不能實現:不能使用vue的路由呀、vuex、打包等等

原生使用:

1、可以建立乙個 引入js和css等的乙個jsp,每個頁面(jsp)使用的時候直接引入該jsp即可(<%@include file=""%>)。

2、這個jsp的內如為:

全域性引入的vue和其它輔助資源如:vue.min.js、axios.min.js等

3、使用方式

var vm = new vue({});{}裡面的東西我就不廢話啦。

4、元件使用

vue.component()寫到乙個js裡面,在使用的時候引入該jsp頁面即可。

經過以上步驟就可以簡單使用vue的資料繫結及主鍵的一些功能了。

如有大家有更好的方式可以討論一下。

如何使用Dubbo服務和整合Spring

dubbo是什麼?dubbo是阿里巴巴soa服務化治理方案的核心框架,每天為2,000 個服務提供3,000,000,000 次訪問量支援,並被廣泛應用於阿里巴巴集團的各成員站點。dubbo是乙個分布式服務框架,致力於提供高效能和透明化的rpc遠端服務呼叫方案,以及soa服務治理方案。其核心部分包含...

職場中接手了老專案,如何做效能優化?

作為一名程式設計師,在工作中大概率都會遇到接手老專案的情況。老專案誰接誰知道,不是坑就是淚。前人新做的專案,拿了績效 晉公升,完事了抹抹嘴,扔給你。別人吃完肉了,到你這,你還能喝到湯嗎?別說喝湯了,專案裡的坑你都不知道在 搞不好哪天出個問題,責任全在你這。兄弟,既然工作中避免不了接手老專案,那咱就得...

專案中使用spring和redis的整合

在專案中我使用的是spring內部整合的redis。不得不服,spring幾乎整合了當下所有流行的框架。從這上面看,當下流行的redis solr hadoop mongodb couchbase.全都收入囊中。對於redis整合而言,主要用到的是spring data redis 使用步驟 新增p...