vue watch用法，deep,immediate详解

watch：监听数据的变化 ，但是当值第一次绑定的时候，不会执行监听函数，只有值发生改变才会执行。

  watch: {
    queryForm(newValue,oldValue){
      console.log(newValue)
      console.log(oldValue)
    }
  },

deep:监听数组和对象 (因为它们的引用指向同一个对象/数组，所以新旧数据是一样的)，要使用深度监听

  watch: {
    queryForm: { //监听整个对象
      handler(newValue,oldValue){
        console.log(newValue)
      },
      deep: true
    },
  },

  watch: {
    'queryForm.name': { //具体监听某一个属性
      handler(newValue,oldValue){
        console.log(newValue)
      },
      deep: true
    },
  },

immediate：第一次绑定后，立即监听

  watch: {
    queryForm: {
      handler(newValue,oldValue){
        console.log('第一次')
        console.log(newValue)
      },
      deep: true，
      immediate: true
    },
  },