diff --git a/src/api/composition-api-helpers.md b/src/api/composition-api-helpers.md index 6b0776e8..19560c3d 100644 --- a/src/api/composition-api-helpers.md +++ b/src/api/composition-api-helpers.md @@ -132,3 +132,7 @@ TypeScript を使用する場合は、代わりに [`defineSlots()`](/api/sfc-sc `useId()` で生成された ID は、サーバとクライアントのレンダー間で安定していることが保証されているため、SSR アプリケーションでもハイドレーションミスマッチを起こすことなく使用できます。 同じページ内に複数の Vue アプリケーションのインスタンスがある場合、[`app.config.idPrefix`](/api/application#app-config-idprefix)を使用して各アプリケーションに ID プレフィックスを与えることで、ID の衝突を避けることができます。 + + :::warning 注意 + `useId()` は `computed()` プロパティ内で呼び出すべきではありません。インスタンスの競合を引き起こす可能性があります。代わりに、`computed()` の外で ID を宣言し、computed 関数内でその ID を参照してください。 + :::