vue watch 深度监听

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
　　}

}    

 

转载于:https://www.cnblogs.com/garfieldzhong/p/8832654.html