vue のライフサイクルの段階は何ですか?

Vue の宣言サイクルには 8 つの段階があり、1. インスタンスの作成前、2. インスタンスの作成後、3. インスタンスのロード前、4. インスタンスのロード後、5. インスタンスの更新前、6. インスタンスの更新後です。インスタンスが更新される; 7. インスタンスが破棄される前; 8. インスタンスが破棄された後。

この記事の動作環境: Windows 10 システム、Vue バージョン 2.9.6、DELL G3 コンピューター。

vue のライフ サイクルの段階とは何ですか?

各 Vue インスタンスは、作成時に一連の初期化プロセスを経ます。Vue のライフ サイクル フックとは、特定の段階または条件が満たされると、関数をトリガーする目的は、いくつかのアクションまたはイベントを完了することです

• createフェーズ: vue インスタンスが作成されます

beforeCreate: 作成前、データとメソッド内のデータはまだ初期化されていません

created: 作成後、データとメソッド内の値が存在しますマウントされていません

• mount フェーズ: vue インスタンスが実際の DOM ノードにマウントされます

beforeMount: 開始できます。 サーバー要求、データに移動します。

##mounted: 現時点では、DOM

• を操作できます。 update ステージ: vue インスタンス内でのデータ データが変更されると、コンポーネントの再レンダリングがトリガーされます

beforeUpdate : 更新前

updated: 更新後

• ##destroy

  フェーズ: vue インスタンスが破棄されます

beforeDestroy

: インスタンスが破棄される前に、これは一部のメソッドが手動で破棄される場合があります。

#破棄

: 破棄後

コンポーネントの寿命サイクル

ライフ サイクル (親子コンポーネント) 親コンポーネント beforeCreate --> 親コンポーネントの作成前 --> 親コンポーネント beforeMount --> 子コンポーネント beforeCreate --> 子コンポーネントの作成 - ->子コンポーネント beforeMount -->子コンポーネントがマウントされました -->親コンポーネントがマウントされました -->親コンポーネント beforeUpdate -->子コンポーネント beforeDestroy -->子コンポーネントが破棄されました -->親コンポーネントが更新されました

レンダリング プロセスの読み込み中親 beforeCreate->親作成->親 beforeMount ->子 beforeCreate->子作成->子 beforeMount->子マウント->親マウント

マウント フェーズ 親が作成されました ->子が作成されました ->子がマウントされました ->親がマウントされました

親コンポーネントの更新フェーズ 親 beforeUpdate->親が更新されました

子コンポーネントの更新フェーズ 親 beforeUpdate-> ;子 beforeUpdate->子が更新されました->親が更新されました

フェーズの親を破棄します beforeDestroy->子 beforeDestroy->子が破棄されました->親が破棄されました

[関連推奨事項: "

vue.js チュートリアル

"]

以上がvue のライフサイクルの段階は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。