什么是Vue？為什么要學Vue？

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

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

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

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

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

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

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

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

Vue能做出什么東西？

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

只會jquery如何學習Vue？

首先，jquery到vue轉變是一個思想的轉變，是將jquery直接操作dom的思想轉變到操作數據上去。

Vue的優勢？

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。