Skip to content

Commit f068075

Browse files
committed
fix: broken link
1 parent 9370d10 commit f068075

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/guide/component-dynamic-async.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
55
## 動的コンポーネントにおける `keep-alive` の利用
66

7-
まず、`is` 属性を利用してタブインタフェースのコンポーネントを切り替えることができます:
7+
まず、タブインタフェースにおいてコンポーネントを切り替える `is` 属性を使ったとします:
88

99
```vue-html
1010
<component :is="currentTabComponent"></component>
@@ -14,9 +14,9 @@
1414

1515
<common-codepen-snippet title="Dynamic components: without keep-alive" slug="jOPjZOe" tab="html,result" :preview="false" />
1616

17-
投稿を選択し_Archive_ タブに切り替えてから _Posts_ に戻ると、選択していた投稿は表示されなくなります。 これは、新しいタブに切り替えるたびに、Vue が `currentTabComponent` の新しいインスタンスを作成するからです。
17+
Posts タブの投稿を選択し_Archive_ タブに切り替えてから _Posts_ に戻ると、選択していた投稿が表示されないことに気づくでしょう。これは、新しいタブに切り替えるたびに、Vue が `currentTabComponent` の新しいインスタンスを作成するからです。
1818

19-
動的コンポーネントの再生成は通常は便利な挙動です。しかし、このケースでは最初に作成されたタブコンポーネントのインスタンスがキャッシュされるのが好ましいでしょう。この問題を解決するために、動的コンポーネントを `<keep-alive>` 要素でラップすることができます:
19+
動的コンポーネントの再生成は通常は便利な挙動です。しかし、このケースでは最初に生成されたタブコンポーネントのインスタンスがキャッシュされるのが好ましいでしょう。この問題を解決するためには、動的コンポーネントを `<keep-alive>` 要素で囲みます:
2020

2121
```vue-html
2222
<!-- アクティブでないコンポーネントはキャッシュされます! -->
@@ -29,13 +29,13 @@
2929

3030
<common-codepen-snippet title="Dynamic components: with keep-alive" slug="VwLJQvP" tab="html,result" :preview="false" />
3131

32-
このように _Posts_ タブがレンダリングされていなくても、自身の状態(選択された投稿)を保持するようになります。
32+
このように _Posts_ タブがレンダリングされていなくても、自身の状態選択された投稿を保持するようになります。
3333

3434
`<keep-alive>` の詳細な情報については [API リファレンス](../api/built-in-components.html#keep-alive) を参照してください。
3535

3636
## 非同期コンポーネント
3737

38-
大規模なアプリケーションでは、アプリケーションを小さなまとまりに分割し、必要なコンポーネントだけサーバーから読み込みたい場合があるでしょう。これを可能にするために、 Vue `defineAsyncComponent` メソッドを持ちます:
38+
大規模なアプリケーションでは、アプリケーションを小さなまとまりに分割し、必要なときにだけコンポーネントをサーバーから読み込みたい場合があるでしょう。これを可能にするために、 Vue には `defineAsyncComponent` メソッドがあります:
3939

4040
```js
4141
const { createApp, defineAsyncComponent } = Vue
@@ -68,7 +68,7 @@ const AsyncComp = defineAsyncComponent(() =>
6868
app.component('async-component', AsyncComp)
6969
```
7070

71-
[コンポーネントのローカル登録](component-registration.html#local-registration) でも、 `defineAsyncComponent` を利用することができます
71+
[コンポーネントのローカル登録](component-registration.html#ローカル登録) でも、 `defineAsyncComponent` を利用できます
7272

7373
```js
7474
import { createApp, defineAsyncComponent } from 'vue'

0 commit comments

Comments
 (0)