Vue也就那么回事

? ?最近看了不少關(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)點所在,也是為什么受歡迎的原因

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,178評論 0 29
  • 1.安裝 可以簡單地在頁面引入Vue.js作為獨立版本,Vue即被注冊為全局變量,可以在頁面使用了。 如果希望搭建...
    Awey閱讀 11,299評論 4 129
  • 今天,在簡書上看到想成為作家的兩個必要條件,一個說要每天剛睡醒時記錄自己的想法,第二個是說每天堅持15分鐘的寫作。...
    貓貓故事鋪閱讀 332評論 2 0
  • 多年后,當(dāng)我翻錄曾經(jīng)的過往每一天,我會感嘆,原來曾經(jīng)發(fā)生了這么多趣事
    大果果ly閱讀 278評論 0 0
  • “人心惟危,道心惟微; 惟精惟一,允執(zhí)厥中” 人的心里充滿恐懼,恐懼形成了普通人生活中的各種表現(xiàn),人本能不斷追求...
    滟新閱讀 359評論 0 0

友情鏈接更多精彩內(nèi)容