Vue JS 2.0 子组件挂载回调

Question

我正在制作一个由 Vue JS 组件构建的表单。我有以下组件树（每个组件都包含它下面的子组件，例如用户注册表将表单组件作为其直接子组件）。

1. 用户注册 Vue 组件
2. 表单视图组件
3. 输入 Vue 组件
4. 输入选项组件

在所有组件都完全呈现后，我需要在用户注册中运行一个函数。我尝试将它放在用户注册 Vue 组件的挂载函数中，但它在选项组件完成其挂载函数之前运行。

我在这里读到： https ://medium.com/@brockreece/vue-parent-and-child-lifecycle-hooks-5d6236bd561f 这不应该发生并且应该在运行父安装函数之前完全安装子组件，在这种情况下，用户注册 Vue 组件。

我总共有大约 100 个组件，包括表单、输入和所有选项。

只有在所有内容都已完全呈现和加载后，我才能在用户注册 Vue 组件中运行所需的代码。我尝试使用 jQuery(document).ready 函数，但结果不一致（有时文档在表单完全安装之前就已准备就绪）。

有什么建议吗？

原文由 likwidmonster 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果你需要知道一个组件什么时候被 created , mounted , updated 等从父组件定义，你可以 @hook: 后跟生命周期挂钩名称。

例如从父组件执行 doSomething() 一旦子组件被挂载：

 <child-component @hook:mounted="doSomething" />

原文由 rd3n 发布，翻译遵循 CC BY-SA 4.0 许可协议