- Products -


Software


NEWS


Special



- Knowledge -


Category × Tag



- Like -

公開
作成日:2022/07/25 14:12:48
更新日:2022/07/25 15:10:40

【Vue.js】ライフサイクルはこれだけ使えばOK!

・Vueを使う上で、ライフサイクルを知ることは必須。
・難しく感じるかもしれないが、実は簡単。

これだけ覚えておけば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


Category



Tag




関連記事


{{tmp.name}}

{{article.category}} {{article.title}}