Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Migration > Keycode Modifiers の翻訳を追従 #263

Merged
merged 1 commit into from
Apr 17, 2021
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions src/guide/migration/keycode-modifiers.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,14 +7,14 @@ badges:

## 概要

変更点の概要は以下です
変更点の概要は以下です:

- **破壊的変更**: `v-on`修飾子にキーコードの数字を利用することはサポートされなくなりました
- **破壊的変更**: `v-on` 修飾子にキーコードの数字を利用することはサポートされなくなりました
- **破壊的変更**: `config.keyCodes` の利用はサポートされなくなりました

## 2.x での構文

Vue 2では、`v-on`メソッドでキーコードを利用することができました。
Vue 2 では、`v-on` メソッドでキーコードを利用することができました。

```html
<!-- キーコードを利用した場合 -->
Expand All @@ -24,7 +24,7 @@ Vue 2では、`v-on`メソッドでキーコードを利用することができ
<input v-on:keyup.enter="submit" />
```

さらに、`config.keyCodes`のグローバルオプションを利用することで、独自のエイリアスを定義できました。
さらに、`config.keyCodes` のグローバルオプションを利用することで、独自のエイリアスを定義できました。

```js
Vue.config.keyCodes = {
Expand All @@ -42,15 +42,15 @@ Vue.config.keyCodes = {

## 3.x での構文

[`KeyboardEvent.keyCode` は非推奨](https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent/keyCode)となり、Vue 3においても引き続きサポートすることはもはや意味がありません。そのため、修飾子に利用したいキーのケバブケース名を利用することが推奨されます。
[`KeyboardEvent.keyCode` は非推奨](https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent/keyCode) となり、Vue 3 においても引き続きサポートすることはもはや意味がありません。そのため、修飾子に利用したいキーのケバブケース名を利用することが推奨されます。

```html
<!-- Vue 3 の v-on でキー修飾子を利用する場合 -->
<input v-on:keyup.delete="confirmDelete" />
```

`config.keyCodes`の利用も同様の理由で非推奨となり、サポートされなくなりました。
`config.keyCodes` の利用も同様の理由で非推奨となり、サポートされなくなりました。

## 移行方法
## 移行の戦略

キーコードを利用している場合は、ケバブケースでの命名に変更することを推奨します。