File tree Expand file tree Collapse file tree 1 file changed +7
-7
lines changed Expand file tree Collapse file tree 1 file changed +7
-7
lines changed Original file line number Diff line number Diff line change @@ -7,14 +7,14 @@ badges:
7
7
8
8
## 概要
9
9
10
- 変更点の概要は以下です
10
+ 変更点の概要は以下です:
11
11
12
- - ** 破壊的変更** : ` v-on ` 修飾子にキーコードの数字を利用することはサポートされなくなりました
12
+ - ** 破壊的変更** : ` v-on ` 修飾子にキーコードの数字を利用することはサポートされなくなりました
13
13
- ** 破壊的変更** : ` config.keyCodes ` の利用はサポートされなくなりました
14
14
15
15
## 2.x での構文
16
16
17
- Vue 2では 、` v-on ` メソッドでキーコードを利用することができました。
17
+ Vue 2 では 、` v-on ` メソッドでキーコードを利用することができました。
18
18
19
19
``` html
20
20
<!-- キーコードを利用した場合 -->
@@ -24,7 +24,7 @@ Vue 2では、`v-on`メソッドでキーコードを利用することができ
24
24
<input v-on:keyup.enter =" submit" />
25
25
```
26
26
27
- さらに、` config.keyCodes ` のグローバルオプションを利用することで、独自のエイリアスを定義できました。
27
+ さらに、` config.keyCodes ` のグローバルオプションを利用することで、独自のエイリアスを定義できました。
28
28
29
29
``` js
30
30
Vue .config .keyCodes = {
@@ -42,15 +42,15 @@ Vue.config.keyCodes = {
42
42
43
43
## 3.x での構文
44
44
45
- [ ` KeyboardEvent.keyCode ` は非推奨] ( https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent/keyCode ) となり、Vue 3においても引き続きサポートすることはもはや意味がありません 。そのため、修飾子に利用したいキーのケバブケース名を利用することが推奨されます。
45
+ [ ` KeyboardEvent.keyCode ` は非推奨] ( https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent/keyCode ) となり、Vue 3 においても引き続きサポートすることはもはや意味がありません 。そのため、修飾子に利用したいキーのケバブケース名を利用することが推奨されます。
46
46
47
47
``` html
48
48
<!-- Vue 3 の v-on でキー修飾子を利用する場合 -->
49
49
<input v-on:keyup.delete =" confirmDelete" />
50
50
```
51
51
52
- ` config.keyCodes ` の利用も同様の理由で非推奨となり、サポートされなくなりました。
52
+ ` config.keyCodes ` の利用も同様の理由で非推奨となり、サポートされなくなりました。
53
53
54
- ## 移行方法
54
+ ## 移行の戦略
55
55
56
56
キーコードを利用している場合は、ケバブケースでの命名に変更することを推奨します。
You can’t perform that action at this time.
0 commit comments