vue には明るいメソッドと暗いメソッドがあるのはなぜですか?

Vue のメソッドの明暗ステータスは、メソッドと Vue インスタンスの間のバインディング関係を示します。ライト メソッドは Vue インスタンスにバインドされており、インスタンス データと変更にアクセスして応答できます。ダーク メソッドはバインドされていないため、インスタンス データと変更にアクセスできません。メソッドは、オプション API またはテンプレート コンパイラーを介してバインドでき、同じ方法でバインドを解除できます。

Vueにおけるメソッドの明暗の理由

Vueでは、メソッドの明暗はメソッドのバインド状態を表します。

Bright メソッド

Bright メソッドは、メソッドが Vue インスタンスにバインドされていることを意味します。これは、メソッドが Vue インスタンスのデータとメソッドにアクセスでき、Vue インスタンスの変更に応答できることを示します。

Dark メソッド

Dark メソッドは、メソッドが Vue インスタンスにバインドされていないことを意味します。これは、メソッドが Vue インスタンスのデータとメソッドにアクセスできず、Vue インスタンスの変更に応答しないことを示します。

メソッドのバインド

メソッドは 2 つの方法でバインドできます:

1. オプション API 経由: methods オプションでメソッドを定義: 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>

🎜 テンプレート コンパイラ経由: 🎜 テンプレートで v-on ディレクティブを使用します: 🎜🎜rrreee🎜🎜Unbind メソッド 🎜🎜🎜 次の方法でメソッドのバインドを解除できます: 🎜🎜🎜 🎜 オプション API 経由: 🎜 methods オプションからメソッドを削除します: 🎜🎜rrreee
🎜🎜 テンプレート コンパイラー経由: 🎜 テンプレート から v-on を削除します コマンド: 🎜🎜リーリー

以上がvue には明るいメソッドと暗いメソッドがあるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。