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