ajax - すべての子コンポーネントがいつ vue.js に読み込まれるかを知る方法

Question

次のようないくつかの子コンポーネントがある vue.js アプリがあります。

<main-app>
   <child-component></child-component>
   <child-component></child-component>
   <child-component></child-component>
...
</main>

ページが読み込まれると、readyフックを使用して、コンポーネントの読み込みが完了したことを知ることができます。現在、これらのコンポーネントは ajax データを使用して入力されており、ボタンをクリックして手動で更新できます。broadcastanddispatchメソッドを使用して、各子コンポーネントからデータを取得できます。しかし、ユーザーがボタンをクリックしたときにプリローダーを表示し、すべての ajax リクエストが終了したときにそれを非表示にしたいと考えています。このためには、すべての子コンポーネントの読み込みが完了したことを知る必要があります。過去4〜5時間はできません。Google と SO はあまり役に立ちませんでした。

jQuery も使用してみajaxStopましたが、vue-resource では機能しないようです。誰でも私を助けてもらえますか？