File tree Expand file tree Collapse file tree 2 files changed +6
-6
lines changed Expand file tree Collapse file tree 2 files changed +6
-6
lines changed Original file line number Diff line number Diff line change @@ -118,7 +118,7 @@ Vue 3.5 以降では、非同期コンポーネントはハイドレーション
118118
119119- 柔軟性を持たせるために設計は意図的に低レベルになっています。将来的にコアまたは高レベルのソリューション(例: Nuxt)で、コンパイラーのシンタックスシュガー(糖衣構文)がこれに基づいて構築される可能性があります。
120120
121- ### アイドル状態でハイドレート
121+ ### アイドル状態でハイドレート {#hydrate-on-idle}
122122
123123` requestIdleCallback ` を使用してハイドレートします:
124124
@@ -131,7 +131,7 @@ const AsyncComp = defineAsyncComponent({
131131})
132132```
133133
134- ### 表示時にハイドレート
134+ ### 表示時にハイドレート {#hydrate-on-visible}
135135
136136` IntersectionObserver ` を使用して要素が表示されたときにハイドレートします。
137137
@@ -150,7 +150,7 @@ const AsyncComp = defineAsyncComponent({
150150hydrateOnVisible ({ rootMargin: ' 100px' })
151151```
152152
153- ### メディアクエリーでハイドレート
153+ ### メディアクエリーでハイドレート {#hydrate-on-media-query}
154154
155155指定されたメディアクエリーに一致したときにハイドレートします。
156156
@@ -163,7 +163,7 @@ const AsyncComp = defineAsyncComponent({
163163})
164164```
165165
166- ### インタラクションでハイドレート
166+ ### インタラクションでハイドレート {#hydrate-on-interaction}
167167
168168コンポーネント要素に指定されたイベントがトリガーされたときにハイドレートします。ハイドレーションが完了すると、ハイドレーションをトリガーしたイベントも再生されます。
169169
@@ -182,7 +182,7 @@ const AsyncComp = defineAsyncComponent({
182182hydrateOnInteraction ([' wheel' , ' mouseover' ])
183183```
184184
185- ### カスタム戦略
185+ ### カスタム戦略 {#custom-strategy}
186186
187187``` ts
188188import { defineAsyncComponent , type HydrationStrategy } from ' vue'
Original file line number Diff line number Diff line change @@ -154,7 +154,7 @@ IDE 上で分割代入された props と通常の変数をより視覚的に区
154154const { foo = ' hello' } = defineProps <{ foo? : string }>()
155155```
156156
157- ### 関数への分割代入 props 渡し
157+ ### 関数への分割代入 props 渡し {#passing-destructured-props-into-functions}
158158
159159分割代入された props を関数に渡す場合、例えば:
160160
You can’t perform that action at this time.
0 commit comments