ライフサイクル
ライフサイクルフック関数は、コンポーネントの様々な段階でコードを実行する機会を提供する。 ofa.js には5つのライフサイクルフック関数があり、created、ready、watch、attached、detachedである。
created(): コンポーネントが作成されたときに呼び出されます。この時点では、まだシャドウルートがレンダリングされていません。初期設定を行うことができますが、シャドウルート内の要素にアクセスすることはできません。
ready(): シャドウルートのレンダングが完了した後に呼び出されます。通常、コンポーネントの初期化ロジックに使用されます。この段階では、シャドウルート内の要素にアクセスして操作することができ、レンダリングが完了後に実行する他の操作も実行できます。
watch:
watchオブジェクトを定義してデータの変更を監視します。readyが完了すると、watchが1度トリガーされ、dataの値に対応します。その後、対応するキーの値が変更されるたびに、watch内の対応する関数がトリガーされます。attached(): コンポーネントがドキュメントに追加されるときに呼び出されます。この時点では、外部環境とのインタラクション、例えばコンポーネントの外観の取得や共有データの初期化ロジックなどが行えます。
detached(): コンポーネントがドキュメントから削除されるときに呼び出されます。この段階では、クリーンアップ作業や外部環境とのインタラクションの解除、リソースの解放などを行うことができます。