vue开发中怎么实现watchdeep方法

2024年06月11日 建站教程

vue开发中如何实现watchdeep方法,下面web建站小编给大家简单介绍一下具体方法!

什么是watchdeep

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

具体操作代码:

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

本文链接:http://so.lmcjl.com/news/6347/

展开阅读全文