はじめに

Vueが他のフレームワークより優れている点で挙げられることとして、直感的でわかりやすい。ハードルが低い。ということがよく挙げられる。

しかし、そんな中でも初学者が二番目(一番目はprops, event)につまづく大きな壁はライフサイクルだと思っている。

ここを理解していないと、ページの読み込み速度に影響が出たり、なぜか動かないんです(泣)ということになりかねないため、ちゃんと理解しておきたい。

特にAPIを呼ぶタイミングをどこにすればいいかで詰まったり、なんとなくcreated, mountedにしている人もいるかと思うため、そこに関しても書いていく。

※ できるだけ簡単に説明したいので、updatedあたりは割愛する。

前提

  • propsやemitの壁は乗り越えている
  • 業務である程度Vueをかけるくらい
  • ライフサイクルフックを何度かみてなんとなくは理解している
  • 単一ファイルコンポーネントであること


全文はこちら:【Vue/Nuxt】ライフサイクルフックが誰でもなんとなくわかる!〜APIを呼ぶタイミング徹底解説〜

著者:
@yutoun