Vue.js で子コンポーネントのcreatedと親コンポーネントのmountedは順序が保証されている？

Question

単純な親子関係の画面を作成しています。
親コンポーネントの初期処理より先に子コンポーネントの初期処理を行いたい処理があり、以下のように記述しました。
デバッグしてみたところ、一応子コンポーネントの処理が先に実行されたのですが、これは偶然なのか、ライフサイクルに従った動作順なのか判断できません。

• 親

mounted() {
  // code
}

• 子

created() {
  // code
}

公式ドキュメント（ https://jp.vuejs.org/v2/guide/instance.html#ライフサイクルダイアグラム ）の図を見ながらですが、以下のような認識で正しいでしょうか？

1. 親コンポーネントのCompile template into render functionが実行される
2. templateに含まれる子コンポーネントのライフサイクルが始まり、上記のcreatedが実行される
3. 親コンポーネントの上記処理が完了し、mountedが実行される

Answer 1

認識は正しいと思います。

解説している記事がありました。
Vue Parent and Child lifecycle hooks

Comments

[ttt004]

ご解答ありがとうございます！
また、解説記事のリンクも貼っていただきありがとうございます！