Skip to content

Commit c550972

Browse files
committed
docs: translate migration guide > transition group
1 parent 4e9f325 commit c550972

File tree

1 file changed

+11
-11
lines changed

1 file changed

+11
-11
lines changed
Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
---
2-
title: Transition Group Root Element
2+
title: トランジショングループのルート要素
33
badges:
44
- breaking
55
---
66

77
# {{ $frontmatter.title }} <MigrationBadges :badges="$frontmatter.badges" />
88

9-
## Overview
9+
## 概要
1010

11-
`<transition-group>` no longer renders a root element by default, but can still create one with the `tag` prop.
11+
`<transition-group>` は、デフォルトではルート要素をレンダリングしなくなりましたが、 `tag` プロパティでルート要素を作成することができます。
1212

13-
## 2.x Syntax
13+
## 2.x での構文
1414

15-
In Vue 2, `<transition-group>`, like other custom components, needed a root element, which by default was a `<span>` but was customizable via the `tag` prop.
15+
Vue 2 では、 `<transition-group>` は他のカスタムコンポーネントと同様に、ルート要素を必要として、デフォルトでは `<span>` となっており `tag` プロパティを通してカスタマイズできました。
1616

1717
```html
1818
<transition-group tag="ul">
@@ -22,19 +22,19 @@ In Vue 2, `<transition-group>`, like other custom components, needed a root elem
2222
</transition-group>
2323
```
2424

25-
## 3.x Syntax
25+
## 3.x での構文
2626

27-
In Vue 3, we have [fragment support](/guide/migration/fragments.html), so components no longer _need_ a root node. Consequently, `<transition-group>` no longer renders one by default.
27+
Vue 3 では [Fragments](/guide/migration/fragments.html) があるので、コンポーネントにはルート要素が _必要なくなりました_ 。そのため、 `<transition-group>` はデフォルトではルート要素をレンダリングしなくなりました。
2828

29-
- If you already have the `tag` prop defined in your Vue 2 code, like in the example above, everything will work as before
30-
- If you didn't have one defined _and_ your styling or other behaviors relied on the presence of the `<span>` root element to work properly, simply add `tag="span"` to the `<transition-group>`:
29+
- 上の例のように、 `tag` プロパティが Vue 2 のコードですでに定義されている場合、すべてが以前のように動作します
30+
- もし定義されていなくて、スタイルやその他の動作が `<span>` ルート要素の存在に依存していた場合は、 `<transition-group>``tag="span"` を追加するだけです
3131

3232
```html
3333
<transition-group tag="span">
3434
<!-- -->
3535
</transition-group>
3636
```
3737

38-
## See also
38+
## 参照
3939

40-
- [Some transition classes got a rename](/guide/migration/transition.html)
40+
- [トランジションクラスの変更](/guide/migration/transition.html)

0 commit comments

Comments
 (0)