客服中心

微信号:16620965058


skype-live:.cid.a96ab4f1d8069523

位置:平台动态

【vue开发appui】剖析vuejs在前端開發起到什麼作用
  • 作者:地方棋牌开发公司
  • 发表时间:2022-02-15 15:50
  • 来源:https://www.enosn.com/

一、vuejs在前端開發起到什麼作用

jQuery的諸多局限性導緻前端工程師的發展受到了很多的限制,隻能做一些表面性的工作,并不能實現前後端分離開發。

而近期出現的Vue,它給前端帶來了無限的可能和改變。

改變一:真正意義上的前端工程師

之前開發都是前端做靜态頁面,把頁面給到後台程序員改成jsp、php、asp等等.一頓亂改,一頓塞變量,做完以後頁面樣式亂七八糟,最後你再調整css。說白了你會html,css就行了,基本沒什麼門檻,可以這麼說。

有了Vue和Node的前端工程化以後,前端工程師能做的事情越來越多,後台人員隻需要抛過來一個Api,剩下的就可以都交給前端了。

改變二:服務端渲染VS客戶端渲染

傳統的jsp、php或是模闆渲染也好,都是服務端渲染,就是客戶端一個請求,服務器直接把整個頁面返回給你,簡單粗暴。(Spring Boot是通過模闆引擎,由服務端完成的渲染工作)

但是vue開發是前後端分離開發,通過api進行交互,客戶端請求服務器返回json數據,由客戶端進行渲染。

不僅減輕了服務器的壓力更快而且渲染更加優雅,代碼更容易維護。

改變三:渲染優雅,代碼易維護

jQuery是通過DOM來控制數據,不僅笨重而且渲染數據特别麻煩,而 Vue是通過數據來控制狀态,通過控制數據來控制渲染,變量可以直接寫在标簽中,渲染更加優雅。

因為前端代碼和後台代碼都是分開的,所以項目更容易維護,開發效率更高。

改變四:項目工程化,結合npm直接安裝第三方庫

Vue讓前端項目更加工程化,同時也規範了前端工程師的代碼,而node和npm的加入才是vue能蓬勃發展的重要原因。

Node為Vue提供了本地server和模塊化開發的思路,npm更能安裝Vue項目需要的模塊,配合Vue使用,比如Moment.js Element ui vuex等等,這些第三方庫讓Vue有了無限的可能。

敲黑闆(補充下):傳統開發jQuery是命令式編程,現代框架開發是函數式編程。現代框架開發,可以使用Webpack(當然使用jQuery也可以使用Webpack),可以使用人家提供的現成的腳手架,比方說create-react-app,vue-cli。極大提高了開發的效率,并且可以使用最新的ES6、ES7語法進行開發,在編碼體驗上,就提高了一個檔次。

總結

知其然,知其所以然,沒有最好的框架,隻有最合适的框架!

vuejs在前端開發起到什麼作用

二、vue.js 2.0是最簡單的mvvm框架嗎

在MVC裡,View是可以直接訪問Model的!從而,View裡會包含Model信息,不可避免的還要包括一些業務邏輯。MVC模型關注的是Model的不變,所以,在MVC模型裡,Model不依賴于View,但是View是依賴于Model的。不僅如此,因為有一些業務邏輯在View裡實現了,導緻要更改View也是比較困難的,至少那些業務邏輯是無法重用的。MVVM在概念上是真正将頁面與數據邏輯分離的模式,它把數據綁定工作放到一個JS裡去實現,而這個JS文件的主要功能是完成數據的綁定,即把model綁定到UI的元素上。有人做過測試:使用Angular(MVVM)代替Backbone(MVC)來開發,代碼可以減少一半。此外,MVVM另一個重要特性,雙向綁定。它更方便你同時維護頁面上都依賴于某個字段的N個區域,而不用手動更新它們。

vue.js 2.0是最簡單的mvvm框架嗎