useId · Nuxt Composables

このコンポーザブルは、Nuxt v3.10から利用可能です。

useIdは、アクセシビリティ属性に渡すことができるSSRフレンドリーな一意の識別子を生成します。

コンポーネントの最上位でuseIdを呼び出して、一意の文字列識別子を生成します。

components/EmailField.vue

<script setup lang="ts">
const id = useId()
</script>

<template>
  <div>
    <label :for="id">Email</label>
    <input :id="id" name="email" type="email" />
  </div>
</template>

useIdは、サーバーからクライアントにIDを渡すためにルート要素の属性を使用するため、単一のルート要素を持つコンポーネントで使用する必要があります。

パラメータ

useIdはパラメータを取りません。

戻り値

useIdは、この特定のコンポーネントのこの特定のuseIdの呼び出しに関連付けられた一意の文字列を返します。

useHydration

サーバーからデータを設定および受信するためのハイドレーションサイクルを完全に制御できます。

useLazyAsyncData

useAsyncDataのこのラッパーは、すぐにナビゲーションをトリガーします。