? ?最近看了不少關(guān)于Vue的博文,包括Vue的官方文檔基礎(chǔ)篇,如果之前沒有接觸任何mvvm框架,可能在剛接觸時會很難理解。今天我們就圍繞繞下面兩個問題來進行探討。Vue到底是什么東西?為什么這受歡迎?
? ? ? ? 首先,要想更好的理解Vue,個人覺著必須得有一定的JS基礎(chǔ),尤其是對構(gòu)造函數(shù)要熟悉。下面就進入正題,首先我們先說說mvvm是什么。當(dāng)我第一次看見mvvm這四個字母,完全不知道他們到底是什么意思,很抽象,很神秘。后來閱讀大量博文,它其實是指三個東西:view、viewmodel、model。view就是指我們的HTML模板,viewmodel就是構(gòu)造函數(shù)Vue的實例化對象,model就是我們自定義的一個對象。就是這么簡單,Vue的核心就是那個構(gòu)造函數(shù)實例化出來的對象,但是請注意,當(dāng)我們用構(gòu)造函數(shù)Vue來實例化對象的時候,需要傳入一個對象作為參數(shù),這個對象也就是大家所說的選項對象。選項對象里面的el屬性的值就是一個選擇器,他的意思就是說,我們的這個選項對象作用于el所指的那個dom節(jié)點。還有個data屬性,它的值是一個字符串或者是對象,如果data的值太多,那么我們就可以選項對象外面創(chuàng)建一個新的對象,這個對象就是model,然后我們在把這個對象的值賦給選項對象的data屬性。這就是mvvm,至于他為什么這么火,相比大家應(yīng)該也看出來了,每一個對象對應(yīng)一個dom節(jié)點,我們直接修改選項對象里面的數(shù)據(jù),對應(yīng)的dom節(jié)點的數(shù)據(jù)也會改變,這樣就實現(xiàn)了數(shù)據(jù)的綁定而且還是雙向的,這個以后我們再說。也省去了dom查找操作。這就是他的優(yōu)點所在,也是為什么受歡迎的原因