虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。

1、deep 属性

deep 属性为，是否深度监听。监听对象的值引用发生变化，以及深层属性发生变化。

2、immediate 属性

immediate 用于指定是否在初始创建时立即触发监听回调，需要注意逻辑，涉及到的变量是否都加载了，避免发生空指针问题和递归调用爆栈。

watch: {
  question: {
    handler: function (newQuestion, oldQuestion) {
      this.answer = 'Waiting for you to stop typing...'
      this.debouncedGetAnswer()
    }
    deep: true,
    immediate: true,
  },
},

更新日志

2025/8/24 08:17

查看所有更新日志

• e7112-1于 2025/8/24