什么是Vue？為什么要學(xué)Vue？

官方解釋只有一句話：Vue是一套用于構(gòu)建用戶界面的漸進式JavaScript框架，有易用、靈活、高效的特點。
小白聽了這句話肯定有點蒙圈，因為雖然只有一句話，但其實背后隱藏的信息量是巨大的，并不能完全理解官方高深莫測而又簡潔的說明。

那么我作為過來人，有必要給大家來個庖丁解牛，細致的分析下Vue其中蘊含的道理吧！

我們先從構(gòu)建用戶界面說起
要操作界面Dom，原生JS和Jquery框架不得不提，那么兩者與Vue相比較起來，有哪些優(yōu)勢呢？

• 我們先從選擇Dom元素開始比較，JS是通過document對象方法，Jquery是使用選擇器（$），來對其進行賦值、取值、事件綁定等操作，相比和原生的JS的區(qū)別只在于可以更方便的選取和操作DOM對象，那么，這樣其中存在什么問題呢？我們知道數(shù)據(jù)和界面是在一起的。比如需要獲取label標(biāo)簽的內(nèi)容：$(“l(fā)able”).val();,它還是依賴DOM元素的值。
  Vue則是通過Vue對象將數(shù)據(jù)和界面完全分離開來了。對數(shù)據(jù)進行操作不再需要引用相應(yīng)的DOM對象，可以說數(shù)據(jù)和界面是分離的，他們通過Vue對象的實例實現(xiàn)相互的綁定。這就是傳說中的MVVM。

• 其次，我講下漸進式與易用、靈活、高效方面的見解
  在過去，前端把頁面數(shù)據(jù)提交到后端來處理業(yè)務(wù)邏輯、控制路由、渲染頁面、圖像等文件的緩存預(yù)處理、返回數(shù)據(jù)，這加重了后端服務(wù)器的壓力。
  我們也清楚阿里云、騰訊云貴在了帶寬資源。節(jié)省帶寬顯得尤為重要了。
  那么后端為了高效處理這些問題，發(fā)明了很多后端框架，比如PHP中的ThinkPHP、YII等，下載一個框架很大幾十兆甚至幾百兆，不管你有沒有用到，全都
  包含進來，這樣整個項目就顯得非常臃腫，很笨重的感覺。導(dǎo)致用戶體驗也差，比如，有不同頁面跳轉(zhuǎn)有白屏，有進度條，等待時間長的問題。

• Vue是怎么解決以上兩大困難的呢？

  • 首先，為了節(jié)省服務(wù)器資源與帶寬，把業(yè)務(wù)邏輯、控制路由、渲染頁面、圖像等文件的緩存預(yù)處理這幾項工作放到了Vue中來解決，
    后端只需要做數(shù)據(jù)接口返回數(shù)據(jù)即可，顛覆性的告別了以前分布式服務(wù)的年代。
  • 其次，按需安裝功能，像拼搭積木一樣完成項目，做加法，而不是像后端框架去裁剪功能，做減法；
  • 第三，為了提高用戶體驗，采用單頁面模式(SPA)，不同頁面間切換像是DIV在切換，讓用戶感覺是在用App，微信小程序就是借鑒了Vue的做法，來提高用戶體驗；
    數(shù)據(jù)采用狀態(tài)管理緩存數(shù)據(jù)，這樣不必每次都發(fā)Http請求到服務(wù)器獲取數(shù)據(jù)了。

說到這里，相信大家都已經(jīng)了解的很透徹了，心里沒有問號了。到這里，可以說Vue是一套終極解決方案，未來很多項目都會用Vue來重構(gòu)，畢竟：用戶體驗為王，留住用戶，讓用戶喜歡你的產(chǎn)品才是一個企業(yè)的核心指導(dǎo)思想。

Vue能做出什么東西？

Vue是目前最流行，使用人數(shù)最多的前端框架，能勝任幾乎所有的應(yīng)用開發(fā)，比如：App跨平臺開發(fā)（安卓與蘋果）、小程序跨平臺開發(fā)（微信、支付寶、QQ、抖音、頭條）、大型Web項目開發(fā)、老項目重構(gòu)（JAVA/PHP）、PC桌面應(yīng)用軟件（如微信PC版）；

只會jquery如何學(xué)習(xí)Vue？

首先，jquery到vue轉(zhuǎn)變是一個思想的轉(zhuǎn)變，是將jquery直接操作dom的思想轉(zhuǎn)變到操作數(shù)據(jù)上去。

Vue的優(yōu)勢？

近兩年前端技術(shù)變革速度太快，vue不論針對web項目開發(fā)，網(wǎng)站制作，還是app，小程序開發(fā)，都越來越流行，其便捷性及易用程度都讓你不得不考慮去學(xué)習(xí)。
如果僅僅還是傳統(tǒng)的各種cms開源代碼建站仿站，顯然你的技術(shù)已經(jīng)跟不上了，如果你開發(fā)的項目數(shù)據(jù)交互較多，并且前后端分離明顯，
那么vue將會使你未來技術(shù)長足成長的不二選擇。

組件化: 其中以 React 的組件化最為徹底,甚至可以到函數(shù)級別的原子組件,高度的組件化可以是我們的工程易于維護、易于組合拓展。
天然分層: JQuery 時代的代碼大部分情況下是面條代碼,耦合嚴(yán)重,現(xiàn)代框架不管是 MVC、MVP還是MVVM 模式都能幫助我們進行分層，代碼解耦更易于讀寫。
生態(tài): 現(xiàn)在主流前端框架都自帶生態(tài),不管是數(shù)據(jù)流管理架構(gòu)還是 UI 庫都有成熟的解決方案。

總結(jié)

以上是生活随笔為你收集整理的什么是Vue？为什么要学Vue？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。