[Vuejs]-How to link order of dynamically created components with other component order?

Your v-for items need a key attribute so that Vue knows how to track item rendering. Without the key, Vue defaults to the item index within the v-for, which in your case, causes undesirable VNode reuse.

To resolve the issue, apply a unique key (e.g., an id property) on each v-for item:

<div v-for="tab in tabs" :key="tab.id">