0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Vue.jsのmountedについて調べました

Last updated at Posted at 2020-01-21

vue.jsを触る中で出た私の中での新出単語mountedを調べたので書いていきます!!

mountedとは

ライフサイクルフック

・・・mountedは・・・?(´・ω・`)となりますが、まあまあ(ノ´ー`)ノ読んでください

  • vue.jsの初期化の決められたタイミングで実行される関数。初期化中に自動的に実行されるらしいです。

他にも

  • Vueではインスタンスが作られてから、削除されるまでの間で、ライフサイクルフックを実行することができる
  • 初期化の過程で、特定の段階でユーザー自身のコードを追加するために実行する関数

と説明されてました。

ちなみに公式ドキュメントのvue.jsのライフサイクル図は以下のようになっております。
lifecycle.png

ライフサイクルてなんやねん

て、私も最初思ってたんですけど、Vueのライフサイクルを完全に理解された方のQiitaをふむふむと読んで、なんとなく、vueのライフサイクルは、vueの中で実行される流れって感じなのかなと思いました。(語彙力

ということで

私の解釈だとライフサイクルフックは、インスタンス作成時elementへのマウント時データの更新時インスタンスの削除時など、色々やるじゃないですか、その時にのイベント(?)というかタイミング(?)の名前?のことと解釈してます。

ちゅーことで

mountedは、vue.jsのライフサイクルの中でelementにマウントした後、というタイミングの話だったってことです、よね。
なんか間違ってたら教えてください。(´ー`)ノシ

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?