Skip to content

Commit d2173dd

Browse files
committed
改行の修正
1 parent 56a8478 commit d2173dd

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

src/guide/events.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
<div class="vueschool"><a href="https://vueschool.io/lessons/vuejs-user-events?friend=vuejs" target="_blank" rel="sponsored noopener" title="Learn how to handle events on Vue School">イベントハンドリングする方法を Vue School の無料レッスンで学ぶ</a></div>
44

55
## イベントの購読
6+
67
`v-on` ディレクティブを使うことで、DOM イベントの購読、イベント発火時の JavaScript の実行が可能になります。これは通常 `@` に省略することができます。
78
`v-on:click="methodName"` もしくは `@click="methodName"` と書いて使用します。
89

@@ -193,6 +194,7 @@ methods: {
193194
<!-- 最大1回、クリックイベントはトリガされます -->
194195
<a @click.once="doThis"></a>
195196
```
197+
196198
他の修飾子とは違って、ネイティブ DOM イベント専用ではありますが、`.once` 修飾子を[コンポーネントイベント](component-custom-events.html)でも使用することができます。まだコンポーネントについて読んでいないなら、今は気にする必要はありません。
197199

198200
Vue は [`addEventListener``passive` オプション](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Parameters)に対応する `.passive` 修飾子も提供しています。
@@ -291,7 +293,6 @@ Vue は最も一般的に使用されるキーコードのエイリアスを提
291293

292294
これらの修飾子は、イベントのトリガのハンドリングを、特定のマウスのボタンのみに制限します。
293295

294-
295296
## なぜ HTML にリスナを記述するのですか
296297

297298
これまで説明してきたようなイベント監視のアプローチは、”関心の分離”という古き良きルールを破っているのではないか、と心配されるかもしれません。安心してください。すべての Vue ハンドラ関数と式は、現在の View を扱う ViewModel に厳密に閉じています。それによってメンテナンスが難しくなることはありません。実際、`v-on` または `@` を利用することでいくつかの利点があります。

0 commit comments

Comments
 (0)