vue中如何监听一个对象内部的变化?

摘要:方法1:对整个obj深层监听,默认第一次绑定的时候不会触发watch监听,值为true时可以在最初绑定的时候执行;方法2 :指定key;方法3:computed

方法1:对整个obj深层监听

watch:{
 obj:{
  handler(newValue,oldValue){
   console.log('obj changed')
  },
  deep: true,//深度遍历
  immediate: true
//默认第一次绑定的时候不会触发watch监听,值为true时可以在最初绑定的时候执行
 }
}


方法2 :指定key

watch: {
    "dataobj.name": {
      handler(newValue, oldValue) {
        console.log("obj changed");
      }
    }
  }


方法3:computed

computed(){
 ar(){
  return this.obj.name
 }
}

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_8146