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