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.

Sign up for GitHub

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

Jump to bottom

「コンポーネントの基礎」の翻訳を修正 #2229

Merged
merged 2 commits into from
Aug 16, 2024
Merged

「コンポーネントの基礎」の翻訳を修正 #2229

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6771d92
「コンポーネントの基礎」の翻訳を修正
k-ta-yamada Aug 14, 2024
f368dfb
Update src/guide/essentials/component-basics.md
k-ta-yamada Aug 16, 2024
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
12 changes: 6 additions & 6 deletions src/guide/essentials/component-basics.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -501,7 +501,7 @@ HTML 要素と同じように、以下のようにコンポーネントにコン

## 動的コンポーネント {#dynamic-components}

ときどきタブ付きインターフェイスのような、コンポーネントを動的な切り替えが役立つ時があります:
タブ付きインターフェイスのように、コンポーネントを動的に切り替えると便利な場合があります:

<div class="options-api">

Expand All @@ -514,7 +514,7 @@ HTML 要素と同じように、以下のようにコンポーネントにコン

</div>

上記は Vue の `<component>` 要素の特別な属性 `is` で実現されています:
上記は、特別な `is` 属性を持つ Vue の `<component>` 要素によって可能になります:

<div class="options-api">

Expand All @@ -535,12 +535,12 @@ HTML 要素と同じように、以下のようにコンポーネントにコン

上の例では、`:is` に渡される値に以下のいずれかを含めることができます:

- 登録されたコンポーネントの文字列、もしくは
- 登録されたコンポーネントの名前文字列、または
- 実際にインポートされたコンポーネントオブジェクト

また、`is` 属性を使って、通常の HTML 要素を作成することもできます。
`is` 属性を使用して通常の HTML 要素を作成することもできます。

複数のコンポーネントを `<component :is="...">` で切り替えた場合、切り変えられたコンポーネントがアンマウントされます。組み込みの [`<KeepAlive>` コンポーネント](/guide/built-ins/keep-alive) を使用すれば、アクティブでないコンポーネントを強制的に "生きて" いる状態にすることができます。
複数のコンポーネントを `<component :is="...">` で切り替えた場合、切り変えられたコンポーネントはアンマウントされます。組み込みの [`<KeepAlive>` コンポーネント](/guide/built-ins/keep-alive) を使用すれば、アクティブでないコンポーネントを強制的に "生きて" いる状態にすることができます。
k-ta-yamada marked this conversation as resolved.
Show resolved Hide resolved

## DOM 内テンプレート解析の注意点 {#in-dom-template-parsing-caveats}

Expand Down Expand Up @@ -607,7 +607,7 @@ const BlogPost = {

### 要素の配置制限 {#element-placement-restrictions}

`<ul>` 、 `<ol>` 、 `<table>` 、 `<select>` など、一部の HTML 要素には内部に表示できる要素に制限があります。例えば `<li>` などの一部の要素には、 `<tr>` 、および `<option>` は特定の要素内にのみ表示できます。
`<ul>`、`<ol>`、`<table>`、`<select>` などの一部の HTML 要素には、その内部に表示できる要素に制限があり、`<li>`、`<tr>`、`<option>` などの一部の要素は、他の特定の要素内にのみ表示できます。

このような制限のある要素でコンポーネントを使用する場合に問題が発生します。例えば:

Expand Down