Vue更新变量并在另一个组件中刷新？

Question

我有表单组件，在catch部分中，我向StatusBar组件推送错误：

}).catch(error => {
     StatusBar.methods.handleErrors(error.response.data)
})

在我的StatusBar组件中，我想显示以下错误：

handleErrors(newErrors) {
       this.errors = [];

       if (newErrors.errors) {
          for (var i in newErrors.errors) {
              this.errors.push(newErrors.errors[i][0]);
          }
       }
}

我尝试在视图区域添加： <div class="alert alert-danger" v-for="error in this.errors">{{ error }}</div>

问题出在控制台输出中，我看到了正确的结果，但是在视图区域中没有任何更新。我也尝试过v-model，但没有任何更新。

如何自动将结果从循环中推送/更新为警报？