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 内容,请继续关注编程基础学习网。

本文标题为:vue开发中怎么实现watchdeep方法

基础教程推荐