一般社団法人 全国個人事業主支援協会

COLUMN コラム

  • 【vue】ライフサイクルフック

こんばんは。気づいたらフリーランスになって半年がたっていた中村です。

半年前は開発経験のないど素人でしたが、この半年でようやく素人程度にはなれた気がします。

現在は常駐先の自社システムの開発を行っていますが、vueについて触れる機会があったので備忘録的に記載していこうと思います。

・ライフサイクルフック
ライフサイクルフックとはvueの初期化の流れで実行される関数のことです。
インスタンスが作成され、中のデータが初期化される中でvueでは様々な処理がされていきます。

その中でよく使われるのと同時に、タイミングが似ているcreatedとmountedについて紹介します

create
Vueのインスタンスが作成され、リアクティブデータが初期化された後に呼びだされる関数です。
インスタンスが生成されているのでthisによるaccessが可能ですが、DOMへのアクセスはundefinedになります

mounted
インスタンスの状態を使用してDOMが作成された直後に実行されます。
自身のインスタンス内のアクセスは可能ですが、子コンポーネントがマウントされているかは保障されないそうです。

結論
DOMって何でしょう(´・ω・`)

ということで次回はその辺について調べていきたいと思います;

The following two tabs change content below.

中村 一貴

最新記事 by 中村 一貴 (全て見る)

この記事をシェアする

  • Twitterでシェア
  • Facebookでシェア
  • LINEでシェア