|
Vue(讀音/Vju:/，類似于View)是一套用于構(gòu)建用戶界面的漸進式框架，與其他大型框架相比，Vue被設(shè)計為可以自底向上逐層應(yīng)用。其他大型框架往往一-開始就對項 目的技術(shù)方案進行強制性的要求，而Vue更加靈活，開發(fā)者既可以選擇使用Vue來開發(fā)一個全新項目，也可以將Vue引入到一個現(xiàn)有的項目中。
另一方面，當(dāng)Vue與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時，也完全能夠為復(fù)雜的單頁應(yīng)用提供驅(qū)動。工具鏈?zhǔn)侵冈谇岸碎_發(fā)過程中用到的一系列工具，例如，使用腳手架工具創(chuàng)建應(yīng)用，使用依賴管理工具安裝依賴包，以及使用構(gòu)建工具進行代碼編譯等。
VUE的工作原理：
從上圖中可以看出，MVVM主要包含3個部分，分別是Model、View 和ViewModel。Model指的是數(shù)據(jù)部分，主要負責(zé)業(yè)務(wù)數(shù)據(jù); View指的是視圖部分，即DOM元素，負責(zé)視圖的處理。ViewModel是連接視圖與數(shù)據(jù)的數(shù)據(jù)模型，負責(zé)監(jiān)聽Model或者View的修改。
在MVVM中，數(shù)據(jù)(Model)和視圖(View)是不能直接通信的，視圖模型(ViewModel)就相當(dāng)于一個觀察者，監(jiān)控著雙方的動作，并及時通知進行相應(yīng)操作。當(dāng)Model 發(fā)生變化的時候，ViewModel能夠監(jiān)聽到這種變化，并及時通知View做出相應(yīng)的修改。反之，當(dāng)View發(fā)生變化時，ViewModel監(jiān)聽到變化后，通知Model進行修改，實現(xiàn)了視圖與模型的互相解耦。
目前市場三大前端主流框架分別是Angular、React和Vue。Vue之所以被開發(fā)者青睞，主要是Vue有Angular和React框架兩者的優(yōu)勢，并且Vue的代碼簡潔、上手容易，在市場上也得到大量應(yīng)用。
下面我們就對Vue的特性進行簡單介紹。
1.輕量級
Angular的學(xué)習(xí)成本高，使用起來比較復(fù)雜，而Vue相對簡單、直接，所以Vue使用起來更加友好。
2.數(shù)據(jù)綁定
Vue是一個MVVM框架，數(shù)據(jù)雙向綁定，即當(dāng)數(shù)據(jù)發(fā)生變化的時候，視圖也就發(fā)生變化，當(dāng)視圖發(fā)生變化的時候，數(shù)據(jù)也會跟著同步變化，這也算是Vue的精髓之處。尤其是在進行表單處理時，Vue的雙向數(shù)據(jù)綁定非常方便。
3.指令
指令主要包括內(nèi)置指令和自定義指令，以“v-”開頭，作用于HTML元素。指令提供了一些特殊的特性， 將指令綁定在元素上時，指令會給綁定的元素添加一些特殊的行為。例如，v-bind動態(tài)綁定指令、v-if 條件渲染指令、v- for列表渲染指令等。
4.插件
插件用于對Vue框架功能進行擴展，通過MyPlugin.install完成插件的編寫，簡單配置后就可以全局使用。常用的擴展插件有vue-router、Vuex 等。
Vue很多特性與Angular和React有著相同的地方，但是也有著性能方面的差別。
Vue使用基于依賴追蹤的觀察系統(tǒng)并且使用異步隊列更新，所有的數(shù)據(jù)都是獨立觸發(fā)的，提高了數(shù)據(jù)處理能力。
React和Vue的中心思想是一切都是組件，組件之間可以實現(xiàn)嵌套。React 采用了特殊的JSX語法，Vue中也推崇編寫以*.vue后綴命名的文件格式，對文件內(nèi)容都有一些規(guī)定， 兩者需要編譯后使用。
值得一提的是，React依賴虛擬DOM，而Vue使用的是DOM模板。Vue 在模板中提供了指令、過濾器等，可以非常方便和快捷地操作DOM。推薦將Vue 使用到具有復(fù)雜交互邏輯的前端應(yīng)用中，以確保用戶的體驗效果。
 |
