Warum sind einige Methoden in Vue hell und andere dunkel?

Der Hell- und Dunkelstatus einer Methode in Vue zeigt die Bindungsbeziehung zwischen der Methode und der Vue-Instanz an. Die helle Methode ist an die Vue-Instanz gebunden und kann auf Instanzdaten und -änderungen zugreifen und darauf reagieren. Die dunkle Methode ist ungebunden und kann nicht auf Instanzdaten und -änderungen zugreifen. Methoden können über die Options-API oder den Vorlagen-Compiler gebunden und auf die gleiche Weise entbunden werden.

Der Grund für die Helligkeit und Dunkelheit von Methoden in Vue

In Vue repräsentieren die Helligkeit und Dunkelheit einer Methode den Bindungsstatus der Methode.

Bright-Methode

Eine Bright-Methode bedeutet, dass die Methode an die Vue-Instanz gebunden ist. Dies zeigt an, dass die Methode auf die Daten und Methoden der Vue-Instanz zugreifen und auf Änderungen in der Vue-Instanz reagieren kann.

Dunkle Methode

Dunkle Methode bedeutet, dass die Methode nicht an die Vue-Instanz gebunden ist. Dies weist darauf hin, dass die Methode nicht auf die Daten und Methoden der Vue-Instanz zugreifen kann und nicht auf Änderungen in der Vue-Instanz reagiert.

Bindungsmethoden

Methoden können auf zwei Arten gebunden werden:

1. Über die Options-API: Methoden in der Option methods definieren: methods 选项中定义方法：

<code class="js">export default {
  methods: {
    myMethod() {
      // ...
    }
  }
}</code>

2. 通过模板编译器：在模板中使用 v-on 指令：

<code class="html"><button @click="myMethod">...</button></code>

解除绑定方法

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

1. 通过选项 API：从 methods 选项中删除方法：

<code class="js">export default {
  // ...
  methods: {
    // myMethod() { } 已被删除
  }
  // ...
}</code>

2. 通过模板编译器：从模板中移除 v-on

<code class="html"><button>...</button></code>

Nach dem Login kopieren
🎜 Über den Vorlagen-Compiler: 🎜 Verwenden Sie die v-on-Direktive in der Vorlage: 🎜🎜rrreee🎜🎜Methode aufheben 🎜🎜🎜 Sie können die Bindung der Methode aufheben über: 🎜🎜🎜 🎜 Über die Options-API : 🎜 Methode aus methods entfernen Option: 🎜🎜rrreee
🎜🎜 Über den Vorlagen-Compiler: 🎜 v-on aus Vorlage entfernen Befehl: 🎜🎜 Rrreee

Das obige ist der detaillierte Inhalt vonWarum sind einige Methoden in Vue hell und andere dunkel?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!