vue組件中data返回的是函數和對象的區別
返回是函數 的好處就是每個實例可以維護一份被返回對象的獨立的拷貝，如果 data 是一個對象則會影響到其他實例，如下實例： 輸出： ...
原文：vue中data為什么是函數而不是對象
vue組件是可復用的vue實例，一個組件被創建好之后，就可能被用在各個地方，而組件不管被復用了多少次，組件中的data數據都應該是相互隔離，互不影響的. 基於這一理念，組件每復用一次，data數據就會被復制一次，之后，當某一處復用的地方組件內data數據被改變時，其他復用地方組件的data數據不受影響。 函數 結果： 對象 結果： 總結：如果data是對象的話，每當被復用是，復用的對象和源對象都會 ...
2020-12-10 17:49 0 1225 推薦指數：
相關推薦
為什么vue組件中的data不是一個對象而是一個函數
如果兩個實例引用同一個對象，當其中一個實例的屬性發生改變時，另一個實例屬性也隨之改變，只有當兩個實例擁有自己的作用域時，才不會相互干擾。 這是因為JavaScript的特性所導致，在component中，data必須以函數的形式存在，不可以是對象。 組建中的data寫成一個函數 ...
19-為什么vue中的data是一個函數而不是一個對象
Object是引用數據類型，如果不用function返回，每個組件的data都是內存的同一個地址，一個數據改變了其他也改變了； JavaScript只有函數構成作用域(注意理解作用域，只有函數 {} 構成作用域,對象的 {} 以及 if(){}都不構成作用域) ,data是一個函數時，每個組件 ...
Vue 組件中 data 為什么必須是函數
原文地址 vue組件中的data必須是函數 類比引用數據類型 Object是引用數據類型,如果不用function 返回,每個組件的data 都是內存的同一個地址,一個數據改變了其他也改變了; javascipt只有函數構成作用域(注意理解作用域,只有函數的{}構成 ...
Vue 組件中 data 為什么必須是函數
1. 前言 在學習vue的時候，一直納悶一件事：組件的data數據為什么必須要以函數返回的形式，為什么不是簡單的對象形式呢？遂帶着問題去翻官方文檔，文檔中自然也寫明了這么做的原因，本篇博文以官方文檔給出的原因為基礎，並加上具體的例子，來闡述這么設計的原因。 回到頂部 2.正文 ...
Vue 組件中data為什么是函數
在創建或注冊模板的時候，傳入一個data屬性作為用來綁定的數據。但是在組件中，data必須是一個函數，而不能直接把一個對象賦值給它。 Vue 實例的數據對象。Vue 將會遞歸將 data 的屬性轉換為 getter/setter，從而讓 data 的屬性能夠響應數據變化。對象 ...
vue組件中data為什么必須是個函數
分析如上代碼： 1、首先創建一個名字為counter的組件，data函數中返回一個外部定義的對象的值，如果直接給data屬性設置一個對象而不是函數，那么會在瀏覽器中直接報錯 2、在瀏覽器中運行代碼 每次點擊+1按鈕，下邊的值就會加一 3、如果我們在頁面上同時使用三個 ...
vue組件中的data為什么是函數？
一、vue組件中的data為什么是函數 為了保證組件的獨立性 和 可 復用性，data 是一個函數，組件實例化的時候這個函數將會被調用，返回一個對象，計算機會給這個對象分配一個內存地址，你實例化幾次，就分配幾個內存地址，他們的地址都不一樣，所以每個組件中的數據不會相互干擾，改變其中一 ...