Vue中的子組件可以通過觀察變量來進行響應式更新。這里所謂的變量指的是父組件傳遞給子組件的prop或是內部定義的data中的值。當這些變量發生變化時，Vue可以通過watch來監視這些變化，并做出相應的更新。

在Vue中，watch是一個對象，可以在組件的選項中使用。我們可以使用Vue提供的$watch方法在這個對象中添加監視器。下面是一個示例：

watch: {
data: function (newValue, oldValue) {
console.log('data changed from', oldValue, 'to', newValue)
}
}

其中，watch對象中的屬性名：data是被監視的變量名。這個變量名可以是prop或是data中的值。當這個變量的值發生變化時，新的值將作為newValue參數傳遞給回調函數。舊的值將作為oldValue參數傳遞給同樣的回調函數。在這個回調函數中，我們可以編寫需要執行的代碼。

需要注意的是，我們可以添加多個監視器。例如：

watch: {
data: function (newValue, oldValue) {
console.log('data changed from', oldValue, 'to', newValue)
},
prop: function (newValue, oldValue) {
console.log('prop changed from', oldValue, 'to', newValue)
}
}

上面的代碼中，我們添加了兩個監視器。每個監視器都會在對應的變量發生變化時執行相應的回調函數。

除了添加監視器，我們還可以在watch對象中使用deep選項來深度觀察對象和數組。如果我們設置了這個選項，Vue將會遍歷整個對象或數組，對每個子元素都添加監視器。

watch: {
obj: {
deep: true,
handler: function (newValue, oldValue) {
console.log('obj changed from', oldValue, 'to', newValue)
}
},
arr: {
deep: true,
handler: function (newValue, oldValue) {
console.log('arr changed from', oldValue, 'to', newValue)
}
}
}

上面的代碼中，我們添加了兩個觀察器，分別對obj和arr添加了deep選項。

除了deep選項，我們還可以在watch對象中使用immediate選項。如果我們設置了這個選項，回調函數將會在組件初始化時被立即執行，即使變量的值沒有發生變化。

watch: {
data: {
immediate: true,
handler: function (newValue, oldValue) {
console.log('data changed from', oldValue, 'to', newValue)
}
}
}

這里的代碼中，我們添加了一個觀察器，對data設置了immediate選項。

總的說來，watch是Vue中非常重要的一個特性。通過watch，我們可以輕松地監視變量的變化，并在變化時執行相應的代碼。除了基本的使用方法，Vue還提供了deep選項和immediate選項，讓我們能夠更加靈活地使用watch。