VueAPI 2（フック関数のライフサイクル）

 

                            

　　すべてのライフサイクルフック自動的にバインドしthisますが、操作のプロパティとメソッド上のデータにアクセスできるように、インスタンスにコンテキストを。これは意味矢印機能を使用することはできませんライフサイクル・アプローチを定義します。

beforeCreate

　　例の初期化後、この時間は、データにアクセスすることはできません。

作成した

　　作成されたフック関数は、Ajaxのフック機能要求のための最高の場所を、データへのアクセスを持って、返された要求データは、データに直接配置することができます。

beforeMount

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

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

マウント

　　DOMへのアクセス権を持って、DOMが操作します

BeforeUpdate

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

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

更新しました

　　DOMのデータの変更は、それがフックを呼び出すた後、仮想再レンダリングを引き起こしました。

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

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

beforeDestory

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

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

destoryed

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

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

nextTick

　　次の更新サイクル・コールバック・DOMまで遅延実行後。データを変更した後、すぐにそれを使用して、DOMの更新を待ちます。