Skip to content

Commit d0daffe

Browse files
committed
fix: remove some spaces
1 parent d4cfa03 commit d0daffe

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

src/guide/migration/key-attribute.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,27 +8,27 @@ badges:
88
## 概要
99

1010
- **新着:** Vue が一意の `key` を自動的に生成するようになったため、`v-if`/`v-else`/`v-else-if` 分岐で `key` が不要になりました。
11-
- **破壊的変更:** 手動で `key` を指定する場合、各分岐は一意の `key` を使用する必要があります。 同じ `key` を意図的に使用して分岐を強制的に再利用することはできなくなりました。
12-
- **破壊的変更:** `<template v-for>` における `key` は、`<template>` タグに配置する必要があります(子の要素ではない)
11+
- **破壊的変更:** 手動で `key` を指定する場合、各分岐は一意の `key` を使用する必要があります。同じ `key` を意図的に使用して分岐を強制的に再利用することはできなくなりました。
12+
- **破壊的変更:** `<template v-for>` における `key` は、(子の要素ではなく)`<template>` タグに配置する必要があります
1313

1414
## 背景
1515

16-
特別な属性である `key` はノードの ID を追跡するために Vue の仮想 DOM のアルゴリズムのヒントとして使用されます。 こうすることで Vue は既存のノードを再利用してパッチを適用できる時期と、ノードを並べ替えまたは再作成する必要がある時期を識別します。 詳細については、次のセクションを参照してください。
16+
特別な属性である `key` はノードの ID を追跡するために Vue の仮想 DOM のアルゴリズムのヒントとして使用されます。こうすることで Vue は既存のノードを再利用してパッチを適用できる時期と、ノードを並べ替えまたは再作成する必要がある時期を識別します。詳細については、次のセクションを参照してください。
1717

1818
- [リストレンダリング: 状態の維持](/guide/list.html#maintaining-state)
19-
- [API リファレンス: 特別な属性 `key` ](/api/special-attributes.html#key)
19+
- [API リファレンス: 特別な属性 `key`](/api/special-attributes.html#key)
2020

2121
## 条件分岐について
2222

23-
Vue 2.x では、`v-if` / `v-else` / `v-else-if` 分岐で `key` を使用することが推奨されていました。
23+
Vue 2.x では、`v-if`/`v-else`/`v-else-if` 分岐で `key` を使用することが推奨されていました。
2424

2525
```html
2626
<!-- Vue 2.x -->
2727
<div v-if="condition" key="yes">Yes</div>
2828
<div v-else key="no">No</div>
2929
```
3030

31-
上記の例は、Vue3.x でも機能します。 ただし、`v-if` / `v-else` / `v-else-if` 分岐で `key` 属性を使用することはおすすめしません。条件分岐で `key` を指定しない場合、一意となる `key` が自動的に生成されるようになったためです。
31+
上記の例は、Vue3.x でも機能します。 ただし、`v-if`/`v-else`/`v-else-if` 分岐で `key` 属性を使用することはおすすめしません。条件分岐で `key` を指定しない場合、一意となる `key` が自動的に生成されるようになったためです。
3232

3333
```html
3434
<!-- Vue 3.x -->
@@ -54,7 +54,7 @@ Vue 2.x では、`v-if` / `v-else` / `v-else-if` 分岐で `key` を使用する
5454

5555
## `<template v-for>` の使用
5656

57-
Vue 2.x では、`<template>` タグに `key` を含めることができませんでした。 代わりに、それぞれの子要素に `key` を配置できます。
57+
Vue 2.x では、`<template>` タグに `key` を含めることができませんでした。代わりに、それぞれの子要素に `key` を配置できます。
5858

5959
```html
6060
<!-- Vue 2.x -->
@@ -88,4 +88,4 @@ Vue 3.x では、`key` を `<template>` タグに配置する必要がありま
8888
<div v-if="item.isVisible">...</div>
8989
<span v-else>...</span>
9090
</template>
91-
```
91+
```

0 commit comments

Comments
 (0)