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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM