Vue中的watch屬性有著廣泛的應用。在Vue中，watch的作用是我們可以監聽數據的變化，在數據變化時執行一些特定的操作，這些特定的操作可以是一些計算或者網絡請求，或者是改變數據的其他行為。而對象和數組的watch可以使我們在數組中元素或者對象的變化時執行相應的操作。

Vue中數組和對象的watch屬性用于監聽該對象的屬性變化，在數組中，如果有新的元素插入或者舊的元素進行改變或者被刪除，那么watch就會檢測到這個變化。這個檢測過程是通過在數組上添加一個屬性來實現的。

watch: {
arrayField: {
handler: function (val, oldVal) { // handler 將會在 arrayField 改變時執行
console.log('arrayField changed:', val, oldVal)
},
deep: true // 深度監聽，這樣數組里面的每個元素變動也會監聽到
}
}

在數組中，當插入或者刪除元素時，我們要使用 Vue.set 或者 Vue.delete 方法來改變數組，而不能直接使用 JavaScript 中的 push，pop，splice等方法。

push - insert an element at the end
array.push('newValue');
pop - remove an element from the end
array.pop();
splice - remove an element from an array at a specific position 
array.splice(indexOfElement, 1)
Vue.set - add a new element adds to the array without losing reactivity
Vue.set(arrayName, index, newValue)
Vue.delete - remove an element from the array without losing reactivity
Vue.delete(arrayName, index)

在對象中，watch屬性是用來監聽該對象的屬性變化。它也是通過在對象上添加一個屬性來實現的。使用對象的watch屬性時，我們甚至可以檢測到對象屬性中多層嵌套的屬性變化。

watch: {
objField: {
handler: function(val, oldVal) {
console.log('objField changed:', val, oldVal)
}, 
deep: true
}
}

總之，Vue中的watch屬性是它極其強大的特性之一。它具有很多的優點，可以監聽對象和數組的變化，這些變化有時可以幫助我們實現一些復雜的交互和邏輯。此外，在Vue中，watch屬性可以讓我們避免許多由于未檢測到改變帶來的問題。