Effects are re-executed when leaving a page

[adamjedlicka]

Version

4.1.5

Reproduction link

jsfiddle.net/djw2mbhk/

Steps to reproduce

When going from one page to another (category.vue to product.vue), effects from the old page are executed. Watch does not behave this way as fixed in here: vuejs/core#2291

What is expected?

When switching from one page to another, only effects from the new page are executed.

What is actually happening?

When switching from one page to another, effects from both pages are executed.

[posva]

This is expected as effect is immediate and the same behavior happens in vue. This is because they are immediate so the same happens with immediate: true. Use a regular watch or flush: 'post' instead and it will work as described in the issue even with vue-router in your reproduction