在Vue中，我們可以通過watch屬性來監控數據的變化。watch屬性是一個對象，其中定義了一個或多個監控器。監控器由一個key和handler組成。當key所對應的數據發生變化時，handler就會被調用。handler可以接受兩個參數，第一個參數為變化后的值，第二個參數為變化前的值。在handler中，我們可以通過this訪問到組件實例。下面讓我們通過一個例子來看看watch是如何使用的。

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

上面代碼定義了一個監控器，它會監控message變量的變化。當message變量發生變化時，console.log將會輸出一句話，提示我們message變量的變化情況。

在Vue中，我們也可以使用computed屬性來監控數據的變化。computed屬性是一個計算屬性，它會根據其他數據的變化自動更新自己的值。當computed屬性的值變化時，Vue也會自動重新渲染視圖。computed屬性通常用于計算數據的衍生值。下面讓我們通過一個例子來看看computed是如何使用的。

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

上面代碼定義了一個computed屬性reversedMessage，它會自動計算message變量的反轉字符串。當message變量發生變化時，reversedMessage也會隨之更新。

除了watch和computed，Vue還提供了一個$watch方法，它可以手動監控數據的變化。$watch方法接受三個參數，第一個參數為要監控的數據，可以為一個表達式或者一個函數；第二個參數為回調函數，它會在數據發生變化后被調用；第三個參數可選，它是一個配置對象，可以用來指定watcher的一些行為。

vm.$watch(
function () {
return this.message + this.count
},
function (newVal, oldVal) {
console.log('message and count changed from ' + oldVal + ' to ' + newVal);
},
{
immediate: true
}
)

上面代碼示例了如何使用$watch方法監控一個表達式this.message + this.count的變化。當表達式的值發生變化時，console.log將會輸出一句話，提示我們變化情況。另外，由于$watch默認不會在首次渲染時調用回調函數，我們可以通過配置對象中的immediate選項來指定回調函數是否要在首次渲染時立即調用。

總結一下，Vue提供了三種監控數據變化的方式，分別是watch、computed和$watch。它們分別適用于不同的場景，可以幫助我們方便地監控數據的變化，從而優化應用程序的性能。