refs比watch快

在开发过程中，我遇到如下问题。
有父组件a，子组件b

a.vue调用以下代码

this.currentTab = e.index
this.$refs.b.reset()

b.vue

"b" :current="currentTab">

在a.vue中先改变currentTab的值，再调用this.$refs.b.reset()
在b.vue中使用watch监听current的变化，然而通过打印却发现，b.reset()先收到执行，b.watch后

为什么this.currentTab = e.index先调用，this.$refs.b.reset()后调用却先执行？

基于Monster 组和GPT的调写：
在Vue中，所有的数据更新和DOM操作都是异步执行的。当你在父组件中先改变currentTab的值，然后调用this.$refs.b.reset()时，实际上b.vue中的watch并没有立即执行，而是被添加到一个异步更新队列中，等待下一个事件循环时执行。

而this.$refs.b.reset()是一个同步操作，它会立即执行，因此你观察到b.reset()先收到执行，而b.watch后执行。

如果你需要在修改currentTab的值后立即执行一些操作，你可以使用Vue.nextTick()方法，这个方法会在下一个事件循环时执行，确保在数据更新之后再执行相应的操作。例如：

this.currentTab = e.index
Vue.nextTick(() => {
  this.$refs.b.reset()
})