Question about Vue Lifecycle Hook Execution Order

[rick-hup]

I've noticed an interesting behavior: When two sibling components, where one is mounting and one is unmounting within the same update cycle, the execution order of beforeUnmount and beforeMount is not fixed.

Specifically:

• If the unmounting component is positioned earlier in the component tree, beforeUnmount executes first
• If the mounting component is positioned earlier in the component tree, beforeMount executes first

However, in React, this order is deterministic: beforeMount always executes before beforeUnmount.

Questions:

1. What's the rationale behind this design choice?
2. Are there any best practices to ensure a specific execution order when needed?

Thanks in advance!