在 Vue 中，可以使用 data 定義數據，并在模板中引用。定義數據的方式有兩種：一種是對象式定義數據，一種是函數式定義數據。下面我們詳細介紹兩種方式。

對象式定義數據：

var app = new Vue({
data: { 
message: 'Hello Vue!'
}
})

這段代碼定義了一個 Vue 實例 app，并在實例中定義了一個數據 message。在這個實例中，我們可以通過 app.message 訪問這個數據，并在模板中引用。

函數式定義數據：如果我們需要根據某些條件來定義數據，我們就可以使用函數式定義數據。

var app = new Vue({
data: function () {
return {
message: 'Hello Vue!'
}
}
})

在這個例子中，我們可以在 data 屬性中定義一個函數，該函數必須返回一個對象。這個對象中包含了我們需要定義的數據。如果需要更復雜的邏輯操作或者判斷條件，我們可以在函數中進行操作，從而得到我們需要的數據。

Vue 中的數據可以是普通 JavaScript 對象，也可以是數組。在模板中我們可以通過訪問這些數據來得到我們需要的信息。下面我們來舉幾個例子來說明。

訪問對象中的數據：

{{ message }}
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})

在這個例子中，我們定義了一個實例 app，并在模板中訪問了這個實例中的 message 數據。在模板中，我們可以使用 {{ message }} 來引用這個數據，而在實例中，我們可以通過 app.message 來訪問這個數據。

訪問數組中的數據：

{{ item }}
var app = new Vue({
el: '#app',
data: {
list: ['apple', 'orange', 'banana']
}
})

在這個例子中，我們定義了一個實例 app，并在模板中使用了 v-for 指令來循環遍歷 list 數組中的數據。在模板中，我們使用 {{ item }} 來引用這個數組中的元素。

Vue 的數據定義非常簡單易用，我們只需要定義對象或者函數并在模板中引用即可。通過靈活運用，我們可以更好地管理和處理數據，并得到我們想要的信息。