1. 程式人生 > 其它 >Vue到底有多好用?

Vue到底有多好用?

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

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

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

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

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

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

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

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

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

先有Angular,再有React,再有Vue,因此,學習完Vue後,再學Angular、React是相對來說不難的。

趕緊動起來!!!