Vue作為現在熱門的JavaScript框架之一，因其簡單易懂、易上手的特點，越來越受到前端開發人員的青睞。在Vue中，我們常用一些變量來完成很多操作。今天，我們就來詳細了解一下Vue中常用的變量。

首先，我們要了解Vue實例。在Vue中，Vue實例是Vue最核心的部件之一，因為它是Vue的響應式屬性所以具有很多非常重要的作用。其中最被廣泛使用的變量是data。

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

在上述代碼中，通過創建一個Vue實例，我們可以將message綁定到data變量上。

接下來，我們會用到很常用的一個變量——methods。在methods中可以定義自己所需要的函數，以完成用戶的邏輯操作。

methods: {
reverseMessage: function () {
this.message = this.message.split('').reverse().join('')
}
}

在上述代碼中，我們定義的方法名為reverseMessage，旨在將message反轉過來，以實現功能邏輯。在該方法中，this是指向當前Vue實例的，引用該變量可以快速獲得data的值。

另外，computed也是Vue中的一個常用變量。computed的特點不同于methods，它的值是基于已有的data派生出來的，因此computed的值改變時，依賴它的data值也會發生變化。computed中只能定義方法，不允許定義普通函數。

computed: {
reversedMessage: function () {
return this.message.split('').reverse().join('')
}
}

在上述代碼中，我們定義了reversedMessage這個計算屬性，它的值是依賴于message的值派生出來的，該變量不允許直接改變。

除此之外，Vue還有一種常用的變量——watch。watch主要實現的是監控data中的值的變化，進而執行一些特定的操作。watch中的屬性同樣可以是一個回調函數。

watch: {
message: function (newVal, oldVal) {
console.log('message changed from ' + oldVal + ' to ' + newVal)
}
}

在上述代碼中，我們定義了一個監控message的一個watch屬性。當該屬性發生變化時，將執行一個回調函數，打印出新舊值的變化情況。

最后，我們需要注意的是，Vue中常用的變量多樣化、靈活，有多種用法。但是，在實際開發中需要結合業務場景自行選擇使用合適的變量，以保證程序的內聚性和高效性。