🎈 この記事はWP専用です
https://wp.me/pc9NHC-z1
前置き
ライフサイクルフックの1つcreated()
似ていると言われるmounted()との違いや
使い方を解説していきます🍎🙋♀️
created()
created()とは
API通信を行うものです🔄
基本はcreated()を使用し、
どうしてもDOMを操作しないといけない時に
mounted()を使います💡
Vuexでいうならactionsにあたる部分です❣️
Vuexを使用する際は
actionsをcreated()内で
dispatchを使って呼び出すこともできます。
実行タイミング
インスタンス作成後、
マウンティング前(DOMが作られる前)
https://jp.vuejs.org/v2/api/#created
つまり
$elプロパティや
getElementByIdなどのDOM操作は使えず、
thisコンテキストは使えます🍒
比較
まずはAPIを使わず
簡単なコードで比較しましょう👀
🎈 続きはWPでご覧ください👀
https://wp.me/pc9NHC-z1