vue中监视对象内部变化的三种方法

Posted samsara-yx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中监视对象内部变化的三种方法相关的知识,希望对你有一定的参考价值。

一,对整个对象监视

watch:{
 obj:{
  handler(newV,oldV){
   console.log('obj changed')
  },
  deep: true,//深度遍历
  immediate: true//默认false,设置为true会立即执行
 }
}

二,对指定key进行监视

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

三,结合computed

computed(){
 ar(){
  return this.obj.name
 }
},
watch:{
 ar(newV,oldV){
   console.log('changed')
 }
}

以上是关于vue中监视对象内部变化的三种方法的主要内容,如果未能解决你的问题,请参考以下文章

VUE 监听 对象属性值变化的三种方式

VUE 监听 对象属性值变化的三种方式

VUE 监听 对象属性值变化的三种方式

vue文本渲染的三种方法

vue的计算和监视属性,附一小实例

vue计算属性computed和监视器watch的使用