原文:vue組件中data返回的是函數和對象的區別

返回是函數的好處就是每個實例可以維護一份被返回對象的獨立的拷貝,如果 data 是一個對象則會影響到其他實例,如下實例: 輸出: ...

2020-07-28 10:17 0 831 推薦指數:

查看詳情

Vue】定義組件 data 必須是一個函數返回對象

Vue 實例的數據對象Vue 將會遞歸將 data 的屬性轉換為 getter/setter,從而讓 data 的屬性能夠響應數據變化。對象必須是純粹的對象 (含有零個或多個的 key/value 對):瀏覽器 API 創建的原生對象,原型上的屬性會被忽略。大概來說,data 應該只能是數據 ...

Wed Feb 13 21:15:00 CST 2019 0 1705
Vuedata返回對象返回值的區別

速記:粗淺的理解是,事件的結果是影響單個組件還是多個組件。因為大部分組件是要共享的,但他們的data是私有的,所以每個組件都要return一個新的data對象 返回對象的時候 data直接返回值的時候 ...

Wed Mar 13 19:25:00 CST 2019 0 2906
為什么在vue組件data要用function返回對象

為什么在vue組件data要用function返回對象呢? 官方解釋: 當一個組件被定義, data 必須聲明為返回一個初始數據對象函數,因為組件可能被用來創建多個實例。如果 data 仍然是一個純粹的對象,則所有的實例將共享引用同一個數據對象!通過提供 data 函數,每次創建一個新 ...

Thu Jun 18 22:04:00 CST 2020 0 2334
為什么vue組件data不是一個對象而是一個函數

  如果兩個實例引用同一個對象,當其中一個實例的屬性發生改變時,另一個實例屬性也隨之改變,只有當兩個實例擁有自己的作用域時,才不會相互干擾。   這是因為JavaScript的特性所導致,在componentdata必須以函數的形式存在,不可以是對象。   組建中的data寫成一個函數 ...

Fri Jul 26 01:56:00 CST 2019 0 2050
Vue 組件 data 為什么必須是函數

原文地址 vue組件data必須是函數 類比引用數據類型 Object是引用數據類型,如果不用function 返回,每個組件data 都是內存的同一個地址,一個數據改變了其他也改變了; javascipt只有函數構成作用域(注意理解作用域,只有函數的{}構成 ...

Thu May 09 19:28:00 CST 2019 0 1804
Vue 組件 data 為什么必須是函數

1. 前言 在學習vue的時候,一直納悶一件事:組件data數據為什么必須要以函數返回的形式,為什么不是簡單的對象形式呢?遂帶着問題去翻官方文檔,文檔自然也寫明了這么做的原因,本篇博文以官方文檔給出的原因為基礎,並加上具體的例子,來闡述這么設計的原因。 回到頂部 2.正文 ...

Mon Mar 30 01:17:00 CST 2020 0 968
Vue 組件data為什么是函數

在創建或注冊模板的時候,傳入一個data屬性作為用來綁定的數據。但是在組件data必須是一個函數,而不能直接把一個對象賦值給它。 Vue 實例的數據對象Vue 將會遞歸將 data 的屬性轉換為 getter/setter,從而讓 data 的屬性能夠響應數據變化。對象 ...

Wed Apr 15 01:18:00 CST 2020 0 1055
vue組件data為什么必須是個函數

分析如上代碼: 1、首先創建一個名字為counter的組件data函數返回一個外部定義的對象的值,如果直接給data屬性設置一個對象而不是函數,那么會在瀏覽器中直接報錯 2、在瀏覽器運行代碼 每次點擊+1按鈕,下邊的值就會加一 3、如果我們在頁面上同時使用三個 ...

Sat Apr 06 05:47:00 CST 2019 1 1943
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM