イベントハンドリング ​

イベントの購読 ​

v-on ディレクティブを使用することで、 DOM イベントの購読やイベント発火時にいくつかの JavaScript を実行します。これは通常 @ に省略することができます。使い方は v-on:click="handler"、あるいは省略して @click="handler" として使用します。

ハンドラーの値は以下のいずれかを指定します:

1. インラインハンドラー: イベント発火時に実行されるインライン JavaScript 式（これはネイディブの onclick 属性に似たものです）

2. メソッドハンドラー: コンポーネント上で定義されたメソッドを示すプロパティ名またはパス

インラインハンドラー ​

インラインハンドラーは、通常、次のような単純なケースで使用されます:

const count = ref(0)

data() {
  return {
    count: 0
  }
}

<button @click="count++">Add 1</button>
<p>Count is: {{ count }}</p>