vue 子组件中监听组件中某个值的变化 watch

Vue 子组件中可以使用 watch 来监听组件中某个值的变化。

使用方法如下：

export default {
  data () {
    return {// 监听的值
      someValue: ''
    }
  },
  watch: {
    // 监听值的变化
    someValue (newVal, oldVal) {
      // 在这里执行相应的操作
    }
  }
}

你还可以使用 watch 的第二个参数来设置执行回调函数的条件，例如：

export default {
  data () {
    return {
      someValue:''
    }
  },
  watch: {
    someValue: {
      handler (newVal, oldVal) {
        // 在这里执行相应的操作
      },
      // 只有在 someValue 的值发生变化且新值不为空时才执行回调函数
      deep: true,
      immediate: true
    }
  }
}

你还可以使用 watch 的第三个参数来设置回调函数的执行次数，例如：

export default {
  data () {
    return {
      someValue:''
    }
  },
  watch: {
    someValue: {
      handler (newVal, oldVal) {
        // 在这里执行相应的操作
      },
      // 只执行一次回调函数
      immediate: true
    }
  }
}

希望这对你有帮助。