Skip to content

Translate: Migration Guide > Fragments #133

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

Merged
merged 1 commit into from
Oct 21, 2020
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/fragments.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,13 @@ badges:

# Fragments <MigrationBadges :badges="$frontmatter.badges" />

## Overview
## 概要

In Vue 3, components now have official support for multi-root node components, i.e., fragments!
Vue 3 では、コンポーネントがマルチルートノードコンポーネント、つまりフラグメントを公式にサポートするようになりました!

## 2.x Syntax
## 2.x 構文

In 2.x, multi-root components were not supported and would emit a warning when a user accidentally created one. As a result, many components are wrapped in a single `<div>` in order to fix this error.
2.x では、マルチルートコンポーネントはサポートされておらず、ユーザーが誤ってコンポーネントを作成した場合に警告を表示していました。その結果、このエラーを修正するために、多くのコンポーネントが単一の `<div>` で囲むようになりました。

```html
<!-- Layout.vue -->
Expand All @@ -24,9 +24,9 @@ In 2.x, multi-root components were not supported and would emit a warning when a
</template>
```

## 3.x Syntax
## 3.x 構文

In 3.x, components now can have multiple root nodes! However, this does require developers to explicitly define where attributes should be distributed.
3.x では、コンポーネントは複数のルートノードを持つことができるようになりました。しかし、これは開発者が属性をどこに割り当てるかを明示的に定義する必要があります。

```html
<!-- Layout.vue -->
Expand All @@ -37,4 +37,4 @@ In 3.x, components now can have multiple root nodes! However, this does require
</template>
```

For more information on how attribute inheritance works, see [Non-Prop Attributes](/guide/component-attrs.html).
属性の継承の仕組みについては、[プロパティでない属性](/guide/component-attrs.html)を参照してください。