vue监听对象及对象属性问题

2019/6/27 7:46:26

编程Tag： vue 对象监听

本文主要是介绍vue监听对象及对象属性问题，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

监听整个对象，使用watch就行

export default {
  data() {
    return {
      a: {
        b: 1,
        c: 2
      }
    }
  },
  watch() {
    a: {
      handler(newVal, oldVal) {
        console.log('监听a整个对象的变化');
      },
      deep: true
    }
  }
}

监听对象中具体属性的变化，需要使用watch配合computed

export default {
  data() {
    return {
      a: {
        b: 1,
        c: 2
      }
    }
  },
  watch() {
    bChange() {
      console.log('监听a对象中b属性的变化');
    }
  },
  computed: {
    bChange() {
      return this.a.b;
    }
  }
}

这篇关于vue监听对象及对象属性问题的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

vue监听对象及对象属性问题

相关编程文章