强制初始化执行watch监听的方法

  // 伪代码实现
class Watcher {
  constructor(vm, expOrFn, cb, options) {
    if (options.immediate) {
      cb.call(vm, this.value)
    }
  }
}
  

  watch: {
  targetValue: {
    handler(newVal) { /* 业务逻辑 */ },
    immediate: true // 关键配置
  }
}
  

  created() {
  this.$watch('targetValue', (newVal) => {
    /* 业务逻辑 */
  }, { immediate: true })
}
  

  created() {
  // 直接访问响应式数据
  this.handleChange(this.targetValue)
}
  

  export default {
  data() {
    return { searchQuery: '' }
  },
  created() {
    // 方案1：立即执行watch
    this.$watch('searchQuery', this.searchHandler, { immediate: true })
    
    // 方案2：手动初始化执行
    this.initializeData()
  },
  methods: {
    searchHandler(newVal) {
      // 防抖逻辑
      clearTimeout(this.debounceTimer)
      this.debounceTimer = setTimeout(() => {
        this.fetchResults(newVal)
      }, 300)
    },
    initializeData() {
      // 初始化数据预处理
      if (this.searchQuery === '') {
        this.fetchDefaultResults()
      }
    }
  }
}