vueでの作成とマウントの違い

Vue での作成とマウントの違いは、実行時間とデータ アクセス機能にあります。作成: コンポーネントが初期化されるときに呼び出されるだけで、Vue インスタンス データにアクセスでき、DOM と対話できません。 Mounted: DOM がマウントされた後に呼び出され、Vue インスタンス データと DOM 要素にアクセスし、DOM と対話できます。

Vue での作成とマウントの違い

Vue コンポーネントのライフサイクルでは、 created と mounted は 2 つの重要なフック関数です。これらは、コンポーネントのさまざまな段階で特定のタスクを実行するために使用されますが、実行時間と可用性の点でいくつかの重要な違いがあります。

Created

• new Vue() ## メソッドで this.$mount()# をインスタンス化または呼び出します。すぐに呼ばれた。
Vue インスタンス (
• this.data) のデータにのみアクセスできます。
現時点では、DOM はレンダリングされていないため、DOM 要素を操作することはできません。

Mounted

DOM がマウントされた直後に呼び出されます。
• Vue インスタンス データに加えて、DOM 要素 (
• this.$el) にもアクセスできます。
スタイルの操作、イベント リスナーの追加、DOM クエリの実行など、DOM 要素を操作できます。

概要

機能作成マウント実行時間コンポーネントの初期化中DOM マウント後データ アクセスVue インスタンス データVue インスタンス データと DOM 要素DOM インタラクションNoYes要約すると、

created はコンポーネントの初期化フェーズでデータ関連タスクを実行するために使用され、mounted はコンポーネントの読み込み中に使用されます。 DOM 関連のタスクを実行します。

以上がvueでの作成とマウントの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。