立即在vue中重新渲染视图

Question

我有一个国际象棋程序，可以在各种深度进行搜索，并且我想在搜索到的每个深度之间都更新视图，例如深度1之后，深度2之后等等。因此，我将回调函数传递给象棋求解函数：

updateAiInfo: (depth) => {
  this.depth = depth;
  this.$forceUpdate();
  console.log('check');
}

在每次搜索深度之间都会调用它，它会打印检查，而且我知道vue属性的深度正在更改，我已经仔细检查过一次，但是vue直到象棋求解功能完成后才更新。如何立即更新Vue视图？

编辑：由于它是es6箭头功能，this不会更改，它将始终绑定到vue实例。此函数将传递到mounted()内部的国际象棋函数。