vue开发中怎么实现watchdeep方法

在vue开发中如何实现watchdeep方法，下面编程教程网小编给大家简单介绍一下具体方法！

什么是watchdeep

watchDeep可以深度监听一个对象的所有属性，当对象属性的任何值发生变化时，都会被捕获到并执行相应的操作。相对于一般的watch来说，watchDeep可以减少手动监听对象属性的麻烦，并且避免数据变化后无法监听的问题。

具体操作代码：

new Vue({
  data: {
    obj: {
      name: '',
      sex: '',
      address: {
        city: '',
      }
    }
  },
  watch: {
    obj: {
      handler: function(val) {
        this.$emit('getObj', val)
      },
      deep: true
    }
  }
})

以上是编程学习网小编为您介绍的“vue开发中怎么实现watchdeep方法”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。