将 Laravel Debugbar 同步到 Vue UI答案

【问题标题】：Syncing Larvel Debugbar to Vue's UI将 Laravel Debugbar 同步到 Vue UI
【发布时间】：2021-10-19 13:19:50
【问题描述】：

我们正在进行一个 axios 调用，它会引入一个巨大的对象，该对象用于使用 Bootstrap Vue 渲染一个非常冗长的 UI。

问题是在收到 axios 调用后 UI 继续呈现良好。

有没有办法检查是否一切都在 Vue 中完成了渲染？挂载的钩子在这里不起作用。

更多上下文：

Laravel 调试栏在这里给了我最好的反馈。当#6 AJAX 完成后，我知道 UI 已经完成渲染。但是如何将 Laraven 的调试栏与 Vue 的钩子同步呢？

【问题讨论】：

【解决方案1】：

也许可以尝试在updated 钩子中使用this.$nextTick

【讨论】：

【解决方案2】：

vue中除了mounted之外还有一个生命周期钩子

updated 生命周期钩子会在每次组件响应属性更改和虚拟 dom 更新时触发。

要对更新后的钩子中的虚拟 dom 更改做出反应，您可以使用 nextTick()

【讨论】：