vue3 watch监听新旧值不能同时打印

Vue 3 中的 `watch` 钩子通常会在属性改变时被触发，它会提供新的值以及（如果可用）之前的旧值。如果你发现 `watch` 中的新旧值没有同时打印，可能是以下几个原因：

1. **默认行为**：`watch` 的回调只返回新的值，如果你想同时获取新值和旧值，需要显式设置 options，例如 `{ deep: true, immediate: true }`，然后访问 `response.value` 和 `options.oldValue`。

watch('yourProperty', (newVal, oldVal) => {
  console.log('New value:', newVal);
  console.log('Old value:', oldVal);
}, { deep: true, immediate: true });

2. **异步更新**：如果数据更新是异步操作，比如来自 Axios 或者 vuex，`oldValue` 可能还没来得及更新，这时可以在回调函数里加上 `this.$nextTick` 来确保在 DOM 更新完成后获取旧值。

3. **初始监听**：对于首次监听，由于没有旧值可供比较，`oldValue` 将是 undefined。你可以添加条件判断来处理这种情况。

4. **组件销毁时**：当组件即将卸载（如通过 `v-if` 渲染切换或组件自身的 `beforeDestroy` 生命周期钩子），`watch` 可能不会提供旧值。确保在恰当的地方保存旧值，并在适当的时候使用。

记得检查你的代码实例，确认你是否正确设置了 watch 的选项，特别是对于初次渲染、异步更新以及其他特殊情况的处理。如果问题依然存在，可以提供更多的上下文以便于分析。