watch 是vue 里非常有用的回調函數,監聽數據變化,非常方便好用,但是,當監聽的數據是個復雜型的數據里,里面的數據變化時普通的監聽方式是監聽不到的,必須使用深度監聽:
data() { return { name: 'abc', list: [ {name: 'a', age: 1}, {name: 'b', aget: 2} ] } }, watch: { name(n, o) { // 監聽name 的變化 n 為新數據,o 為舊數據 }, 'list.0.name': { handler: function (n, o) { // 監聽數組list 的第一項的name值變化;n 為新數據,o 為舊數據 }, deep: true
}
}