同时监听多个属性，以及watch中使用this注意事项

代码如下：

watch: {
    valGroup123: () => {
      const that = this
      console.log('watch')
      console.log(that.valName)
      console.log(that.valIDCard)
    }
  },
  computed: {
    valGroup123 () {
      console.log('computed')
      const { valName, valIDCard } = this
      return { valName, valIDCard }
    }
  }

这里不能用箭头函数

修改 

watch: {
    valGroup123: function () {
      const that = this
      console.log('watch')
      console.log(that.valName)
      console.log(that.valIDCard)
    }
  },
  computed: {
    valGroup123 () {
      console.log('computed')
      const { valName, valIDCard } = this
      return { valName, valIDCard }
    }
  }

 

第二种监听多个属性

watch: {
    prop1: function(newVal, oldVal) {
      console.log(newVal)
    },
    prop2: function(newVal, oldVal) {
      console.log(newVal)
    }
  },