nuxtServerInit
Vuexに事前入力するために呼び出される
store/index.jsに書く
※サーバーサイド側でのみ実行
RouteMiddleware
ページのレンダリングよりも前に行いたい処理を書く
Vuexの中のデータを使用してページの出し分け等の処理が書ける
※クライアント・サーバーどちらでも実行
validate
ページ自体をバリデーションできる。
エラーの場合、エラーページに遷移させたりできる。
実行タイミング
サーバーサイド：SSRで初回に一回呼び出される
クライアントサイド：初回リクエスト以降呼び出される
asyncData()
ページを表示する前にデータを取得しておきたい時に使用する。
値を取得し、コンポーネントのデータにセットできる。
実行タイミング
サーバーサイド：SSRで初回に一回呼び出される
クライアントサイド：初回リクエスト以降呼び出される
beforeCreate
インスタンス生成前
created()
インスタンス生成の後、リアクティブデータが初期化された後に呼び出される。
インスタンスを指すthisを使用できるようになる。
また、createdの後からローカルデータにアクセスできるようになる。
fetch()
ページを表示する前にデータを取得しておきたい時に使用する。
asyncData()と似ているが、fetchは取得した値をstoreに入れたい場合に使用する。
実行タイミング
サーバーサイド：SSRで初回に一回呼び出される
クライアントサイド：初回リクエスト以降呼び出される
beforeMount
DOMが生成される前
※クライアントサイド側でのみ実行
mounted()
DOMが生成された後に呼び出される。ここで初めてDOM操作の記述書くことができる。
ただし、子コンポーネントの終了は保証されていないので注意が必要。
実行タイミング
クライアントサイド：ビューがレンダリングされた前に呼び出される
※クライアントサイド側でのみ実行
参考