・難しく感じるかもしれないが、実は簡単。
これだけ覚えておけばOK
・dataに記述したものは最初に初期化される。
・componentsも同様。
・v-ifからmothodに書いた関数を呼んだ場合はmountedの前に実行されている。
・mountedはvueの初期化が終わり、画面の初期表示が完了した後に呼ばれる。
・mounted以降、ユーザー操作等によってmethodに書いた処理が呼ばれる。
以下はこういうのもあるくらいで認識しとけば良い
・beforeCreated:data初期化前に呼ばれる処理
・cerated:data初期化後に呼ばれる処理
・beforeMounted:画面表示(DOMに適用)前に呼ばれる処理
・beforeUpdated:data更新後画面表示(DOMに適用)前に呼ばれる処理
・updated:data更新及び画面表示後に呼ばれる処理
参考
https://qiita.com/ksh-fthr/items/2a9f173c706ef6939f93