vuebase --- 4.インスタンスのライフサイクル

1.beforeCreate

2.created

3.beforemounted

マウントを開始する前に呼び出されます。関連付けられている  render 関数が最初に呼び出されます

4.mounted

el これは、新しく作成された  vm.$el 交換して、インスタンスの後に呼び出すためのフックをマウントします。ルート・インスタンスは、ドキュメント内の要素をマウントする場合  mounted に呼び出され  vm.$el た文書の中にもあります。

5.beforeUpdate

データの更新は、仮想DOMパッチの前に発生したときに呼び出されます。ここでは、このような手動でイベントリスナーを削除するように更新する前に、既存のDOMへのアクセスのために追加されました。

初回のみがサーバー上でレンダリングされますので、フックは、サーバー側のレンダリング中に呼び出されていません

6.update

データの変更は、それがフックを呼び出すた後、仮想再レンダリングおよびDOMパッチにつながる通り。

このフックが呼び出されると、DOMのコンポーネントが更新されているので、あなたは今、DOMの操作に依存して実行することができます。しかし、ほとんどの場合、あなたはこの期間中の状態を変更することは避けるべきです。あなたが使用することを、一般的に最善の対応の状態を変更したい場合は、計算属性または  ウォッチャーを  代わりに。

ことに注意してください  updated ではないすべての約束も一緒にサブコンポーネントを再描画されています。あなたは、ビュー全体まで待ちたい場合は再描画され、使用する準備が整いました  $ NextTickは、VMを。  置き換え updated

7.activated

コンポーネントの活性化は、キープアライブときに呼び出されます。

フックは、サーバー側のレンダリング中に呼び出されていません。

8.deactivated

キープアライブのコンポーネントを無効にするときに呼び出されます。

フックは、サーバー側のレンダリング中に呼び出されていません。

9.beforeDestroy

前に呼び出さインスタンスを破壊します。このステップでは、インスタンスは、まだ完全に利用可能です。

フックは、サーバー側のレンダリング中に呼び出されていません。

10.destroy

Vueのインスタンスを破壊した後に呼び出されます。呼び出しの後、すべてが非結合ます表示Vueのインスタンスを、すべてのイベントリスナーが削除される、すべての子インスタンスが破棄されます。

フックは、サーバー側のレンダリング中に呼び出されていません。

おすすめ

転載: www.cnblogs.com/xiao-peng-ji/p/11329938.html