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
  }
}

 

posted @ 2018-04-14 16:45  沐浴点阳光  阅读(1964)  评论(0编辑  收藏  举报