<Transition> inside a <RouterView> Component, the watch function will be executed first, is that right?

[Dreamer-Paul]

I want to make a animation with route changed, <Transition> component is a good plan. I referred to the documentation to use, it works. but had a little problem.

I wrote a watch function in the route component, but it executed first when the component will be unmounted.

Expected behavior

• onBeforeUnmount
• onUnmounted

Actual behavior

• watch: route.path changed
• onBeforeUnmount
• onUnmounted

Demo

CodeSandBox