Vue 的 data 屬性存儲著組件的數(shù)據(jù)，當 data 發(fā)生改變時，頁面不會自動更新視圖。此時就需要使用 Vue 的觀察屬性——watched。

　　watched 用于監(jiān)聽組件任何數(shù)據(jù)的變化，并且在數(shù)據(jù)變化時執(zhí)行相應(yīng)的回調(diào)函數(shù)。在組件創(chuàng)建之后，watched 會立即執(zhí)行，這樣可以保證頁面能夠在組件創(chuàng)建后正確的顯示。

watch: {
數(shù)據(jù)名稱: function() {
// 內(nèi)容：在數(shù)據(jù)變化時執(zhí)行的操作
}
}

　　在上述代碼中，watch 中的數(shù)據(jù)名稱是需要被監(jiān)聽的數(shù)據(jù)名稱。緊接著的是使用回調(diào)函數(shù)說明數(shù)據(jù)變化時執(zhí)行的操作。

　　例如：若需要在數(shù)據(jù)變化時更新頁面上的某個屬性，則可以在回調(diào)函數(shù)中調(diào)用 this.$nextTick() 來更新頁面。

watch: {
數(shù)據(jù)名稱: function() {
this.$nextTick(function() {
// 更新某個屬性的操作
})
}
}

　　需要注意的是，watched 函數(shù)中的回調(diào)函數(shù)只接受兩個參數(shù)，第一個參數(shù)是變化之后的數(shù)據(jù)值，第二個參數(shù)是變化之前的數(shù)據(jù)值。

　　這是關(guān)于 Vue 的 watched 概念的簡要介紹，希望對大家有所幫助。