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

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

* Update src/guide/essentials/component-basics.md

Co-authored-by: Jun Shindo <[email protected]>

---------

Co-authored-by: Jun Shindo <[email protected]>

Author: k-ta-yamada

src/guide/essentials/component-basics.md

@@ -501,7 +501,7 @@ HTML 要素と同じように、以下のようにコンポーネントにコン
 
 ## 動的コンポーネント {#dynamic-components}
 
-ときどきタブ付きインターフェイスのような、コンポーネントを動的な切り替えが役立つ時があります:
+タブ付きインターフェイスのように、コンポーネントを動的に切り替えると便利な場合があります:
 
 <div class="options-api">
 
@@ -514,7 +514,7 @@ HTML 要素と同じように、以下のようにコンポーネントにコン
 
 </div>
 
-上記は Vue の `<component>` 要素の特別な属性 `is` で実現されています:
+上記は、特別な `is` 属性を持つ Vue の `<component>` 要素によって可能になります:
 
 <div class="options-api">
 
@@ -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) を使用すれば、アクティブでないコンポーネントを強制的に "生きて" いる状態にすることができます。
 
 ## DOM 内テンプレート解析の注意点 {#in-dom-template-parsing-caveats}
 
@@ -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>` などの一部の要素は、他の特定の要素内にのみ表示できます。
 
 このような制限のある要素でコンポーネントを使用する場合に問題が発生します。例えば: