在創建或注冊模板的時候，傳入一個data屬性作為用來綁定的數據。但是在組件中，data必須是一個函數，而不能直接把一個對象賦值給它。 Vue.component('my-component', { template: ' OK ', data() { return {} // 返回一個 ...

在創建或注冊模板的時候，傳入一個data屬性作為用來綁定的數據。但是在組件中，data必須是一個函數，而不能直接把一個對象賦值給它。 你在前面看到，在new Vue()的時候，是可以給data直接賦值為一個對象的。這是怎么回事，為什么到了組件這里就不行了。 你要理解，上面這個操作是一個簡易 ...

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

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

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

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

一、vue組件中的data為什么是函數 　　為了保證組件的獨立性 和 可 復用性，data 是一個函數，組件實例化的時候這個函數將會被調用，返回一個對象，計算機會給這個對象分配一個內存地址，你實例化幾次，就分配幾個內存地址，他們的地址都不一樣，所以每個組件中的數據不會相互干擾，改變其中一 ...

在創建或注冊模板的時候，傳入一個data屬性用來綁定數據，但是在組件中，data必須是一個函數，而不能直接把對象賦值給它。 ...