File tree Expand file tree Collapse file tree 1 file changed +2
-2
lines changed Expand file tree Collapse file tree 1 file changed +2
-2
lines changed Original file line number Diff line number Diff line change @@ -55,7 +55,7 @@ app.component('modal-button', {
55
55
56
56
Teleport は、グローバルステートに頼ったり、2つのコンポーネントに分割しなくても、HTML の一部を DOM のどの親の下でレンダリングするかを制御するための、きれいな方法を提供します。
57
57
58
- ` <teleport> ` を使って、Vue にこの HTML を "** body** " タグに "** teleport ** (テレポート) " させるよう、` modal-button ` を変更しましょう。
58
+ ` <teleport> ` を使って、Vue にこの HTML を "** body** " タグに "** Teleport ** (テレポート) " させるよう、` modal-button ` を変更しましょう。
59
59
60
60
``` js
61
61
app .component (' modal-button' , {
@@ -121,7 +121,7 @@ app.component('child-component', {
121
121
122
122
これは、親コンポーネントからの注入が期待通りに動作し、Vue Devtools 上では実際のコンテンツが移動した場所に配置されるのではなく、親コンポーネントの下に配置されることを意味します。
123
123
124
- ## 複数の teleport のターゲットを同じにして使う
124
+ ## 複数の Teleport のターゲットを同じにして使う
125
125
126
126
一般的なユースケースのシナリオは、再利用可能な ` <Modal> ` コンポーネントで、同時に複数のインスタンスがアクティブになっている状態かもしれません。このようなシナリオの場合、複数の ` <teleport> ` は、同じターゲット要素に対してそれぞれのコンテンツをマウントすることができます。
127
127
You can’t perform that action at this time.
0 commit comments