更新時間:2021-01-26 來源:黑馬程序員 瀏覽量:
Vue(讀音/Vju:/,類似于View)是一套用于構建用戶界面的漸進式框架,與其他大型框架相比,Vue被設計為可以自底向上逐層應用。其他大型框架往往一-開始就對項 目的技術方案進行強制性的要求,而Vue更加靈活,開發(fā)者既可以選擇使用Vue來開發(fā)一個全新項目,也可以將Vue引入到一個現有的項目中。
另一方面,當Vue與現代化的工具鏈以及各種支持類庫結合使用時,也完全能夠為復雜的單頁應用提供驅動。工具鏈是指在前端開發(fā)過程中用到的一系列工具,例如,使用腳手架工具創(chuàng)建應用,使用依賴管理工具安裝依賴包,以及使用構建工具進行代碼編譯等。
Vue的數據驅動是通過MVVM( Model-View-ViewModel )模式來實現的,其基本工作原理如圖下圖所示。
VUE的基本工作原理
從上圖中可以看出,MVVM主要包含3個部分,分別是Model、View 和ViewModel。Model指的是數據部分,主要負責業(yè)務數據; View指的是視圖部分,即DOM元素,負責視圖的處理。ViewModel是連接視圖與數據的數據模型,負責監(jiān)聽Model或者View的修改。
在MVVM中,數據(Model)和視圖(View)是不能直接通信的,視圖模型(ViewModel)就相當于一個觀察者,監(jiān)控著雙方的動作,并及時通知進行相應操作。當Model 發(fā)生變化的時候,ViewModel能夠監(jiān)聽到這種變化,并及時通知View做出相應的修改。反之,當View發(fā)生變化時,ViewModel監(jiān)聽到變化后,通知Model進行修改,實現了視圖與模型的互相解耦。
猜你喜歡: