vue watch监听对象属性

一、监听对象
eg:
data里面定义的对象；

 queryInfo: {
        model_type: '',
        name_key: '',
        bus_base: '',
        bus_base2: '',
        bus_name2: '',
      },

watch监听
监听对象的时候要在监听属性里面写上deep: true

 watch: {
    queryInfo: {
      handler: function (val,valq) {
        console.log(val,valq)
      },
      deep: true,
    }
   }

二、监听对象的某一个值
用单引号将对象及对象名引起来即可。

  watch: {
    'queryInfo.name_key'(val, valq) {
      console.log(val, valq)
    },
  },