File tree Expand file tree Collapse file tree 5 files changed +8
-8
lines changed Expand file tree Collapse file tree 5 files changed +8
-8
lines changed Original file line number Diff line number Diff line change @@ -161,7 +161,7 @@ methods: {
161
161
<!-- 値を指定せず、修飾子だけ利用することもできます -->
162
162
<form @submit.prevent ></form >
163
163
164
- <!-- イベントリスナーを追加するときにキャプチャモードで使います -->
164
+ <!-- イベントリスナを追加するときにキャプチャモードで使います -->
165
165
<!-- 言い換えれば、内部要素を対象とするイベントは、その要素によって処理される前にここで処理されます -->
166
166
<div @click.capture =" doThis" >...</div >
167
167
@@ -283,6 +283,6 @@ Vue は最も一般的に使用されるキーコードのエイリアスを提
283
283
284
284
1 . HTML テンプレートを眺めることで、JS コード内のハンドラ関数を探すことを容易にします
285
285
286
- 2 . JS 内のイベントリスナーを手作業でアタッチする必要がないので 、ViewModel を DOM 依存のない純粋なロジックにできます。これはテスタビリティを向上させます。
286
+ 2 . JS 内のイベントリスナを手作業でアタッチする必要がないので 、ViewModel を DOM 依存のない純粋なロジックにできます。これはテスタビリティを向上させます。
287
287
288
- 3 . ViewModel が消去されるときに、すべてのイベントリスナーは自動で削除されます 。手動でそれらの消去をおこなうことを気にする必要はありません。
288
+ 3 . ViewModel が消去されるときに、すべてのイベントリスナは自動で削除されます 。手動でそれらの消去をおこなうことを気にする必要はありません。
Original file line number Diff line number Diff line change @@ -41,7 +41,7 @@ Vue.directive('highlight', {
41
41
42
42
ただし、Vue 3 では、カスタムディレクティブ用のよりまとまりのある API を作成しました。Vue 2 では、似たようなイベントにフックしているにもかかわらず、コンポーネントのライフサイクルメソッドとは大きく異なります。これらを次のように統合しました。
43
43
44
- - ** created** - 追加されました!これは、要素の属性やイベントリスナーが適用される前に呼び出されます 。
44
+ - ** created** - 追加されました!これは、要素の属性やイベントリスナが適用される前に呼び出されます 。
45
45
- bind → ** beforeMount**
46
46
- inserted → ** mounted**
47
47
- ** beforeUpdate** : 追加されました!これは、コンポーネントのライフサイクルフックのように、要素自体が更新される前に呼び出されます。
Original file line number Diff line number Diff line change @@ -72,7 +72,7 @@ export default {
72
72
</script>
73
73
```
74
74
75
- 親がコンポーネントの ` click ` イベントをリッスンする場合 :
75
+ 親がコンポーネントの ` click ` イベントを購読する場合 :
76
76
77
77
``` html
78
78
<my-button v-on:click =" handleClick" ></my-button >
@@ -86,7 +86,7 @@ export default {
86
86
ここでは 2 つの選択肢があります。
87
87
88
88
1 . ` click ` イベントを適切に宣言する。これは ` <my-button> ` のイベントハンドラに何らかのロジックを実際に追加する場合で役立ちます。
89
- 2 . ` .native ` を追加しなくても、親は簡単にネイティブイベントをリッスンできるので 、イベントの再発行を削除します。とにかく明らかにイベントを再発行するだけの場合に適しています。
89
+ 2 . ` .native ` を追加しなくても、親は簡単にネイティブイベントを購読できるので 、イベントの再発行を削除します。とにかく明らかにイベントを再発行するだけの場合に適しています。
90
90
91
91
## 参照
92
92
Original file line number Diff line number Diff line change @@ -11,7 +11,7 @@ badges:
11
11
12
12
## 2.x での構文
13
13
14
- 2.x では、Vue インスタンスを使用して、イベントエミッタ API (` $on ` 、` $off ` 、` $once ` ) を介して強制的に接続されたハンドラをトリガすることができました。これは、アプリケーション全体で使用されるグローバルイベントリスナーを作成するための _ イベントバス_ を作るために使用できました。
14
+ 2.x では、Vue インスタンスを使用して、イベントエミッタ API (` $on ` 、` $off ` 、` $once ` ) を介して強制的に接続されたハンドラをトリガすることができました。これは、アプリケーション全体で使用されるグローバルイベントリスナを作成するための _ イベントバス_ を作るために使用できました。
15
15
16
16
``` js
17
17
// eventBus.js
Original file line number Diff line number Diff line change @@ -80,7 +80,7 @@ export default {
80
80
this .$emit (' update:title' , newValue)
81
81
```
82
82
83
- そうすると、親はそのイベントをリッスンしてローカルのデータプロパティを更新できました 。例えば、以下のようになります。
83
+ そうすると、親はそのイベントを購読してローカルのデータプロパティを更新できました 。例えば、以下のようになります。
84
84
85
85
``` html
86
86
<ChildComponent :title =" pageTitle" @update:title =" pageTitle = $event" />
You can’t perform that action at this time.
0 commit comments