Vue(讀音/Vju:/，類似于View)是一套用于構(gòu)建用戶界面的漸進(jìn)式框架，與其他大型框架相比，Vue被設(shè)計(jì)為可以自底向上逐層應(yīng)用。其他大型框架往往一-開始就對(duì)項(xiàng) 目的技術(shù)方案進(jìn)行強(qiáng)制性的要求，而Vue更加靈活，開發(fā)者既可以選擇使用Vue來(lái)開發(fā)一個(gè)全新項(xiàng)目，也可以將Vue引入到一個(gè)現(xiàn)有的項(xiàng)目中。

另一方面，當(dāng)Vue與現(xiàn)代化的工具鏈以及各種支持類庫(kù)結(jié)合使用時(shí)，也完全能夠?yàn)閺?fù)雜的單頁(yè)應(yīng)用提供驅(qū)動(dòng)。工具鏈?zhǔn)侵冈谇岸碎_發(fā)過程中用到的一系列工具，例如，使用腳手架工具創(chuàng)建應(yīng)用，使用依賴管理工具安裝依賴包，以及使用構(gòu)建工具進(jìn)行代碼編譯等。

Vue的數(shù)據(jù)驅(qū)動(dòng)是通過MVVM( Model-View-ViewModel )模式來(lái)實(shí)現(xiàn)的，其基本工作原理如圖下圖所示。

VUE的基本工作原理

從上圖中可以看出，MVVM主要包含3個(gè)部分，分別是Model、View 和ViewModel。Model指的是數(shù)據(jù)部分，主要負(fù)責(zé)業(yè)務(wù)數(shù)據(jù); View指的是視圖部分，即DOM元素，負(fù)責(zé)視圖的處理。ViewModel是連接視圖與數(shù)據(jù)的數(shù)據(jù)模型，負(fù)責(zé)監(jiān)聽Model或者View的修改。

在MVVM中，數(shù)據(jù)(Model)和視圖(View)是不能直接通信的，視圖模型(ViewModel)就相當(dāng)于一個(gè)觀察者，監(jiān)控著雙方的動(dòng)作，并及時(shí)通知進(jìn)行相應(yīng)操作。當(dāng)Model 發(fā)生變化的時(shí)候，ViewModel能夠監(jiān)聽到這種變化，并及時(shí)通知View做出相應(yīng)的修改。反之，當(dāng)View發(fā)生變化時(shí)，ViewModel監(jiān)聽到變化后，通知Model進(jìn)行修改，實(shí)現(xiàn)了視圖與模型的互相解耦。

什么是Vue？Vue的工作原理是什么？通過上面的介紹你了解了嗎？Web前端相關(guān)技術(shù)問題也可以關(guān)注小千，后續(xù)發(fā)布更多技術(shù)內(nèi)容和行業(yè)資訊，等你來(lái)哦~~~~

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的什么是Vue？Vue的工作原理是什么？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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