React和Vue的區別?(39)

2021-10-02 02:23:16 字數 1008 閱讀 4447

元件化方面

1.什麼是模組化:

是從**的角度來進行分析的;把一些可復用的**,抽離為單個的模組;便於專案的維護和開發;

2.什麼是元件化:

是從ui介面的角度 來進行分析的;把一些可復用的ui元素,抽離為單獨的元件;便於專案的維護和開發;

3.元件化的好處:

隨著專案規模的增大,手裡的元件越來越多;很方便就能把現有的元件,拼接為乙個完整的頁面;

4.vue是如何實現元件化的:

通過.vue檔案,來建立對應的元件;

template 	結構

script 行為

style 樣式

5.react如何實現狀態化:

react中有元件化的概念,但是,並沒有像vue這樣的元件模板檔案;react

中,一切都是以js來表現的;因此要學習react,js要合格;es6和es7要會用;

虛擬dom

dom的本質:瀏覽器中的概念,用js物件來表示頁面上的元素,並提供了操作dom物件的api;

什麼是react中的虛擬dom:用js物件來模擬頁面上的dom和dom巢狀;

虛擬dom的目的:為了實現頁面中,dom元素的高效更新;

diff演算法

tree diff;

新舊兩顆dom樹,逐層對比的過程,就是tree diff;當整顆dom逐層對比完畢,則所有需要被按需更新的元素,必須能夠找到;

component diff;

在進行tree diff的時候,每一層中,元件級別的對比,叫做component diff;

如果對比前後,元件的型別相同,則暫時認為此元件不需要被更新;

如果對比前後,元件的型別不同,則需要移除舊元件,建立新元件,並追加到頁面上;

element diff;

在進行元件對比的時候,如果兩個元件型別相同,則需要進行 元素級別的對比,這叫做element diff;

react和vue的區別

資料是否可變 react整體是函式式的思想,把元件設計成純元件,狀態和邏輯通過引數傳入,所以在react中,是單向資料流,推崇結合immutable來實現資料不可變 vue的思想是響應式的,也就是基於是資料可變的,通過對每乙個屬性建立watcher來監聽,當屬性變化的時候,響應式的更新對應的虛擬do...

vue和react的區別之我見

react和vue都是做元件化的,整體的功能都類似,但是他們的設計思路是有很多不同的。使用react和vue,主要是理解他們的設計思路的不同。react整體是函式式的思想,把元件設計成純元件,狀態和邏輯通過引數傳入,所以在react中,是單向資料流,推崇結合immutable來實現資料不可變。rea...

vue和react的區別之我見

react和vue都是做元件化的,整體的功能都類似,但是他們的設計思路是有很多不同的。使用react和vue,主要是理解他們的設計思路的不同。react整體是函式式的思想,把元件設計成純元件,狀態和邏輯通過引數傳入,所以在react中,是單向資料流,推崇結合immutable來實現資料不可變。rea...