vue watch 深度監聽

watch 是vue 裏很是有用的回調函數,監聽數據變化,很是方便好用,可是,當監聽的數據是個複雜型的數據裏,裏面的數據變化時普通的監聽方式是監聽不到的,必須使用深度監聽: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
  }
}
相關文章
相關標籤/搜索