在Vue中，我們經常看到data是這樣被定義的：

data() {
return {
name: '張三',
age: 28,
hobby: ['籃球', '游泳']
}
}

其中name、age和hobby都是數據的屬性，而this.name、this.age和this.hobby則是數據的狀態。Vue中一個重要的概念是狀態驅動視圖，在數據狀態改變時，對應的視圖也會隨之改變。因此數據在Vue中的重要性不言而喻。在定義數據時，我們通常會給數據設置默認值，方便在組件中引用。

注意看一下上面的代碼，在定義數據時用到了小括號()，那么問題來了，這個小括號有什么作用呢？換句話說，不加小括號會怎么樣呢？

一般來說，在Vue中使用data時，我們會將其定義為一個方法，這個方法用來返回一個對象，這個對象就是數據。如果我們不加小括號，如下所示：

data: {
name: '張三',
age: 28,
hobby: ['籃球', '游泳']
}

這是錯誤的寫法，會引發一些問題。因為 Vue 在實例化時會對 data 選項進行遍歷，所以如果我們將其定義為一個對象，Vue 將無法實現數據響應式。為什么呢？因為 Vue 在初始化實例時，會對 data 數據都進行一次深度遍歷，將每個屬性都轉化為 getter/setter，從而實現數據響應式。而對象并不具有響應式的能力。所以我們一定要將數據定義為方法并返回一個對象。

那么為什么要加小括號呢？這其實是一個函數執行的過程。在執行一個 Vue 實例時，Vue 將調用 data() 方法，獲取返回的 data 對象作為數據。如果我們不加小括號，就相當于獲取的是一個指向方法的引用，而不是實際返回的數據。

從語法角度來說，data 可以是一個方法，也可以是一個對象。如果 data 是一個方法，那么 Vue 實例在初始化時會將其執行，獲取返回的對象作為數據。如果 data 是一個對象，那么 Vue 實例在初始化時將直接獲取該對象作為數據。但是在實際使用中，我們強烈建議使用 data 方法的方式定義數據。