全國(guó)咨詢(xún)/投訴熱線(xiàn):400-618-4000

首頁(yè)技術(shù)文章正文

VUE是什么意思?【web前端開(kāi)發(fā)培訓(xùn)】

更新時(shí)間:2021-01-26 來(lái)源:黑馬程序員 瀏覽量:

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

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

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

VUE的工作原理

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)聽(tīng)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)聽(tīng)到這種變化,并及時(shí)通知View做出相應(yīng)的修改。反之,當(dāng)View發(fā)生變化時(shí),ViewModel監(jiān)聽(tīng)到變化后,通知Model進(jìn)行修改,實(shí)現(xiàn)了視圖與模型的互相解耦。

1577370495235_學(xué)IT就到黑馬程序員.gif


猜你喜歡:

Vue中如何監(jiān)控某個(gè)屬性值的變化?

在vue中v-for指令中key作用

黑馬程序員web前端培訓(xùn)課程

分享到:
在線(xiàn)咨詢(xún) 我要報(bào)名
和我們?cè)诰€(xiàn)交談!