Maison > interface Web > Voir.js > Pourquoi certaines méthodes sont-elles claires et d'autres sombres ?

Pourquoi certaines méthodes sont-elles claires et d'autres sombres ?

下次还敢
Libérer: 2024-05-08 17:33:16
original
1220 Les gens l'ont consulté

Le statut clair et sombre d'une méthode dans Vue indique la relation de liaison entre la méthode et l'instance Vue. La méthode light est liée à l'instance Vue et peut accéder aux données et aux modifications de l'instance et y répondre ; la méthode dark n'est pas liée et ne peut pas accéder aux données et aux modifications de l'instance. Les méthodes peuvent être liées via l'API d'options ou le compilateur de modèles, et dissociées de la même manière.

Pourquoi certaines méthodes sont-elles claires et d'autres sombres ?

La raison de la clarté et de l'obscurité des méthodes dans Vue

Dans Vue, la clarté et l'obscurité d'une méthode représentent le statut contraignant de la méthode.

Méthode Bright

Une méthode Bright signifie que la méthode est liée à l'instance Vue. Cela indique que la méthode peut accéder aux données et aux méthodes de l'instance Vue et peut répondre aux modifications apportées à l'instance Vue.

Méthode Dark

La méthode Dark signifie que la méthode n'est pas liée à l'instance Vue. Cela indique que la méthode ne peut pas accéder aux données et méthodes de l'instance Vue et ne répondra pas aux modifications apportées à l'instance Vue.

Méthodes de liaison

Les méthodes peuvent être liées de deux manières :

  1. Grâce à l'API des options : Définition des méthodes dans l'option méthodes : methods 选项中定义方法:
<code class="js">export default {
  methods: {
    myMethod() {
      // ...
    }
  }
}</code>
Copier après la connexion
  1. 通过模板编译器:在模板中使用 v-on 指令:
<code class="html"><button @click="myMethod">...</button></code>
Copier après la connexion

解除绑定方法

可以通过以下方式解除绑定方法:

  1. 通过选项 API:methods 选项中删除方法:
<code class="js">export default {
  // ...
  methods: {
    // myMethod() { } 已被删除
  }
  // ...
}</code>
Copier après la connexion
  1. 通过模板编译器:从模板中移除 v-on
  2. <code class="html"><button>...</button></code>
    Copier après la connexion
      🎜 Via le compilateur de modèle : 🎜 Utilisez la directive v-on dans le modèle : 🎜🎜rrreee🎜🎜Délier la méthode 🎜🎜🎜 Vous pouvez dissocier la méthode via : 🎜🎜🎜 🎜 Via l'API des options : 🎜 Supprimer la méthode de l'option methods : 🎜🎜rrreee
        🎜🎜 Via le compilateur de modèle : 🎜 Supprimer v-on du modèle Commande : 🎜🎜 rrreee

    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!

    Étiquettes associées:
    vue
    source:php.cn
    Déclaration de ce site Web
    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
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal