Vue到底有多好用?

2022-09-07 04:51:13 字數 1733 閱讀 9890

學習vue後,個人的總結如下:

1.mvvm設計思想:第一點,也是最重要的一點,mvvm(model、view、viewmodel)就是讓開發者直接操作m中的資料(也就是js中的資料),通過vm這條天橋,連線到v(檢視,使用者介面),將資料填上使用者介面中;相反,當使用者修改了頁面的資料(如input輸入框中的資料),同樣是通過vm,將m中對應的資料進行修改。所以,我們只需修改m中的資料,就能操作頁面的資料,頁面的資料發生變化時,我們m中的資料也會隨之發生對應的變化。這就是資料雙向繫結mvvm。

2.單頁面應用(spa):什麼叫單頁面應用?說白了,就是系統的所有頁面都是在同一頁上。路由模式有兩種:hash和history模式,hash模式原理就是a標籤的錨點。一般是使用hash模式。

3.v-model指令(語法糖):什麼叫語法糖?就是按照它的規則,我們操作一小步,它在背後幫我們完成了很多複雜的事情。通過v-model指令,將我們的資料,進行雙向繫結(頁面  --  js)。語法糖我們要會使用,同時,我們也需要了解一下這個指令到底做了什麼事情!無非就兩步,第一步:給我們的繫結的資料通過object.defineproperty()設定getter\setter(v2.0),這是,當我們獲取或者設定該資料時,會出發對應的操作;第二步:在v-model的html元素上繫結onchange事件,當資料發生變化時,就會出發該事件,並將該資料進行對應的修改。

4.vdom虛擬dom:虛擬dom是啥?真實dom又是什麼?虛擬dom就是用js寫的乙個結構,就好像資料結構中的樹結構,html就是樹根;真實dom就是我們說的頁面元素。為啥要用虛擬dom?這要從操作真實dom的代價講起,首先,修改真實dom,比如修改元素的樣式,那麼就會引起瀏覽器的重繪,修改元素的大小,就會引起瀏覽器的重排並且重繪。這就是操作真實dom的代價。相反操作虛擬dom的話,實際上是操作我們用js編寫好的樹結構,儲存在記憶體中,操作後之後,再一次性的讓瀏覽器重排與重繪,就可以減少瀏覽器重排重繪的次數。什麼叫重排重繪?當改變元素的大小時,元素的位置會發生變化,瀏覽器就需要重新排列,這就叫重排;什麼叫重繪,當改變元素樣式的時候,瀏覽器需要重繪繪製元素的樣式,這就叫重繪。重繪不一定需要重排,但重排必然導致重繪。(瀏覽器先排列再繪製)

5.v-show、v-if、v-for指令:v-show控制著元素的display屬性:false => none;v-if控制著元素的生命,false =》 刪除該元素;v-for:一條語句,讓你想執行多少次就執行多少次

6.元件化開發思想:元件就如同拼積木一樣,一塊一塊的拼接,就成為了頁面。為什麼要使用元件?頁面上可能某一塊是一模一樣的,或則,該頁面的某一塊與另乙個頁面的某一塊一摸一樣,難不成,我們直接複製黏貼對應的**到另乙個頁面?這就比較浪費時間了。我們將頁面的某乙個塊設定為元件(變成積木),另乙個頁面需要用到時,就直接使用這個積木,非常的方便。

7.生命週期:生命週期就相當於乙個人的一生,從出生到  --  到身體發生變化  --  到死亡。

8.腳手架:什麼是腳手架,腳手架有什麼用?乙個專案,需要這個那個外掛程式,**目錄結構怎麼樣才好.......?腳手架通通幫我們處理好。說白了,腳手架就是乙個工具,我們通過簡單的幾句**,就能命令它幫我們幹很多麻煩的事情。

9.路由:比如乙個路口,有100條路可以選擇,我們要去北京,到底走哪條路?路由就相當於乙個路牌,告知我們哪條路通向**。

10.狀態管理機:簡單來說就是全域性變數的容器,可以模擬理解為js中的全域性變數的乙個容器,不管我們在**,我們都可以使用這些全域性變數。

先有angular,再有react,再有vue,因此,學習完vue後,再學angular、react是相對來說不難的。

趕緊動起來!!!

Mac 系統自帶軟體有多好用?

在 mac 系統中,有一些自帶軟體看起來平平無奇,但是功能非常強大,使用這些軟體可以讓我們的操作更加有效率。截圖功能 蘋果自帶了兩個快捷鍵截圖功能。選擇 shift command 3,即可自動擷取全屏,自動生成在桌面。如果選擇 shift command 4,則可以在螢幕上拖動選擇需要截圖的區域再...

Mac 系統自帶軟體有多好用?

在 mac 系統中,有一些自帶軟體看起來平平無奇,但是功能非常強大,使用這些軟體可以讓我們的操作更加有效率。蘋果自帶了兩個快捷鍵截圖功能。選擇 shift command 3,即可自動擷取全屏,自動生成在桌面。如果選擇 shift command 4,則可以在螢幕上拖動選擇需要截圖的區域再摁 ent...

到底有多二

7 3 到底有多二 15 分 乙個整數 犯二的程度 定義為該數字中包含2的個數與其位數的比值。如果這個數是負數,則程度增加0.5倍 如果還是個偶數,則再增加1倍。例如數字 13142223336是個11位數,其中有3個2,並且是負數,也是偶數,則它的犯二程度計算為 3 11 1.5 2 100 約為...