Maison  >  Article  >  interface Web  >  La différence entre créé et monté en vue

La différence entre créé et monté en vue

下次还敢
下次还敢original
2024-05-02 21:03:15667parcourir

La différence entre créé et monté dans Vue réside dans le temps d'exécution et les capacités d'accès aux données : créé : appelé lorsque le composant est initialisé Il ne peut accéder qu'aux données de l'instance Vue et ne peut pas interagir avec le DOM. monté : appelé après le montage du DOM. Il peut accéder aux données de l'instance Vue et aux éléments du DOM et interagir avec le DOM.

La différence entre créé et monté en vue

La différence entre créé et monté dans Vue

Dans le cycle de vie des composants Vue, créé et monté sont deux fonctions de hook cruciales. Ils sont utilisés pour effectuer des tâches spécifiques à différentes étapes d'un composant, mais ils présentent des différences clés en termes de temps d'exécution et de disponibilité. createdmounted 是两个至关重要的钩子函数。它们用于在组件的不同阶段执行特定任务,但它们在执行时间和可用性方面存在一些关键差异。

创建(created)

  • new Vue() 实例化或调用 this.$mount() 方法时立即调用。
  • 只能访问 Vue 实例的数据(this.data)。
  • 此时 DOM 还没有渲染,因此无法与 DOM 元素进行交互。

加载(mounted)

  • 在 DOM 挂载后立即调用。
  • 除了 Vue 实例数据外,还可以访问 DOM 元素(this.$el)。
  • 可以与 DOM 元素进行交互,例如操纵样式、添加事件监听器或进行 DOM 查询。

总结

特征 created mounted
执行时间 组件初始化时 DOM 挂载后
数据访问 Vue 实例数据 Vue 实例数据和 DOM 元素
DOM 交互

总结来说,created 用于在组件初始化阶段执行与数据相关的任务,而 mounted

🎜created🎜🎜
  • Appelé immédiatement lorsque new Vue() est instancié ou lorsque la méthode this.$mount() est appelée.
  • Seules les données de l'instance Vue (this.data) sont accessibles.
  • Le DOM n'a pas encore été rendu, vous ne pouvez donc pas interagir avec les éléments du DOM.
🎜🎜Mounted🎜🎜
  • Appelé immédiatement après le montage du DOM.
  • En plus des données d'instance Vue, vous pouvez également accéder aux éléments DOM (this.$el).
  • Peut interagir avec les éléments DOM, comme manipuler des styles, ajouter des écouteurs d'événements ou créer des requêtes DOM.
🎜🎜Résumé🎜🎜
Fonctionnalités créées montées
Temps d'exécution Lors de l'initialisation du composant Après le montage du DOM
Accès aux données Données d'instance Vue Données d'instance Vue et éléments DOM
Interaction DOM Non is
🎜En résumé, created est utilisé pour effectuer des tâches liées aux données pendant la phase d'initialisation du composant, tandis que monté est utilisé pour effectuer des tâches liées au DOM après le chargement du composant. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Comment utiliser Slot dans VueArticle suivant:Comment utiliser Slot dans Vue