元件中的data為什麼不是乙個物件而是乙個函式

2022-06-05 08:42:09 字數 854 閱讀 3160

元件中的data為什麼不是乙個物件而是乙個函式?

元件是可復用的vue例項,乙個元件被建立好之後,就可能被用在各個地方,而元件不管被復用了多少次,元件中的data資料都應該是相互隔離,互不影響的,基於這一理念,元件每復用一次,data資料就應該被複製一次,之後,當某一處復用的地方元件內data資料被改變時,其他復用地方元件的data資料不受影響。

元件中的data寫成乙個函式,資料以函式返回值形式定義,這樣每復用一次元件,就會返回乙份新的data,類似於給每個元件例項建立乙個私有的資料空間,讓各個元件例項維護各自的資料。而單純的寫成物件形式,就使得所有元件例項共用了乙份data,就會造成乙個變了全都會變的結果。

元件是可復用的vue例項,乙個元件被建立好之後,就可能被用在各個地方,而元件不管被復用了多少次,元件中的data資料都應該是相互隔離,互不影響的,基於這一理念,元件每復用一次,data資料就應該被複製一次,之後,當某一處復用的地方元件內data資料被改變時,其他復用地方元件的data資料不受影響。

元件中的data寫成乙個函式,資料以函式返回值形式定義,這樣每復用一次元件,就會返回乙份新的data,類似於給每個元件例項建立乙個私有的資料空間,讓各個元件例項維護各自的資料。而單純的寫成物件形式,就使得所有元件例項共用了乙份data,就會造成乙個變了全都會變的結果。

vue中元件的data為什麼是乙個函式

元件是可復用的vue例項,乙個元件被建立好之後,就可能被用在各個地方,而元件不管被復用了多少次,元件中的data資料都應該是相互隔離,互不影響的,基於這一理念,元件每復用一次,data資料就應該被複製一次,之後,當某一處復用的地方元件內data資料被改變時,其他復用地方元件的data資料不受影響,如...

Vue元件中data為什麼需要是乙個函式

關於vue元件中元件內部資料繫結通過data 進行 data不是乙個物件型別,需要是乙個函式型別,如果傳入非函式型別會報錯 乙個小例子 對於obj型別,如果在 內部返回或者引用外部的obj,由於引用的是位址,會指向同乙個物件,所以如果obj定義在for迴圈外部最終結果,均為 即指向同乙個位址 let...

vue元件中data為什麼是個函式

在vue的開發中,我們在元件中採用函式這種格式 data 在vue例項中採用的是物件這種格式 data 那麼為什麼要在元件中採用函式的方式呢?首先元件是多次使用的,也就是復用。當我們多次呼叫乙個元件,肯定不希望元件中資料是相互聯通的。所以在此使用函式的方式return乙個物件,這樣每次呼叫元件返回的...