使用v-if渲染的组件内部watch受到其他v-show组件逻辑影响，导致watch触发行为异常

[sqlyr]

Vue version

3.3.10

Link to minimal reproduction

https://link.juejin.cn/?target=https%3A%2F%2Fgitee.com%2Fsqlyr%2Fvue-watch

Steps to reproduce

1、点击显示按钮
2、点击隐藏按钮
3、查看控制台输出

What is expected?

此处watch不触发

What is actually happening?

watch会错误触发
且使用注释中的写法不会触发该错误

System Info

No response

Any additional comments?

No response

[yangxiuxiu1115]

playground

[sqlyr]

playground

tanks

[yyx990803]

This is expected behavior, because watchers by default fire before render updates: https://vuejs.org/guide/essentials/watchers.html#callback-flush-timing

If you don't want it to fire, use a post-flush watcher.

[sqlyr]

This is expected behavior, because watchers by default fire before render updates: https://vuejs.org/guide/essentials/watchers.html#callback-flush-timing

If you don't want it to fire, use a post-flush watcher.

In the example code, Is inconsistent performance between using and not using v-show an expected behavior？

[edison1105]

The root cause is the same as #7030 (when a component rerenders, it should only trigger the watchers that are relevant to it) and will be fixed by #7181.

see https://deploy-preview-7181--vue-sfc-playground.netlify.app/#eNqtU0tu2zAQvQrLjRzAlRBkl8pGP8iiXbRF0yU3jDySlVCkwI9swNC63fQSvVtyjgxJ2bLy8SoLQeS8R/LNzJsd/dS2aeeAXtLcFLpuLTFgXbtksm5apS3ZEbNWm7kPX+OC9KTUqiFJmn1RTXuefDgw/X4C+ouTCXw+PRwI4wU7oqE8PDBgTBZKGks4WXh4VnJh4IzJPIt6USluLDSt4BZwR0h+46xVknwsRF3cLRgdtDO6vP/75+Hf/zyLjMiOwrr3Pk8kc6TlUd+II1yX/qZ4TcQD7JUcvU7n1BpUXNZVemuUxMLuAo0WeKIWoH+0tsaMGL0kAfEYF0JtvoWY1Q7m+3ixhuLuhfit2foYoz81GNAdMHrALNcV2AhfXX+HLa4PYKNWTiD7BPgLjBLOa4y0z06uUPYRL6j9GnpWy+q3udpakGaflBfqmX3gM4p99MV6LfVR7kV6Ec4x2WMV9wY65cwNt8V6ahjsx8S4z/2KDCbDyVl09uyMLJZe0ApuXFVhqqjCm04JSIWqZgnnPEHL9fidNt6q7sICl0YoS7IYzmL8qVHiDFiDKb40AaF0jB7NQEgojoGvcpAzIMN0LsZsSKCnHRcOMP5u3A1V9j/YxncDPd4R2ubJ+y6EMX3WhrcqQ/8Ig2eEkg==

[yyx990803]

Closing as duplicate of #7030