什么是Vue？Vue的工作原理是什么？

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

另一方面，當Vue與現(xiàn)代化的工具鏈以及各種支持類庫結合使用時，也完全能夠為復雜的單頁應用提供驅動。工具鏈是指在前端開發(fā)過程中用到的一系列工具，例如，使用腳手架工具創(chuàng)建應用，使用依賴管理工具安裝依賴包，以及使用構建工具進行代碼編譯等。

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

VUE的基本工作原理

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

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

猜你喜歡：

vue如何監(jiān)控屬性值變化?

Js語言解析：vue語言中的keep-alive

Vue3為什么使用Proxy實現(xiàn)數(shù)據(jù)監(jiān)聽?

高級web前端開發(fā)工程師培訓課程