x-id

x-id позволяет вам объявить новую «область действия» для любых новых идентификаторов, созданных с помощью $id(). Он принимает массив строк (имена идентификаторов) и добавляет к каждому сгенерированному $id('...') суффикс, который уникален для других идентификаторов на странице.

x-id предназначен для использования в сочетании с магическим свойством $id(...).

Подробнее об $id

Вот краткий пример использования этой директивы:

<div x-id="['text-input']">
  <label :for="$id('text-input')">Имя пользователя</label>
  <!-- for="text-input-1" -->

  <input type="text" :id="$id('text-input')" />
  <!-- id="text-input-1" -->
</div>

<div x-id="['text-input']">
  <label :for="$id('text-input')">Имя пользователя</label>
  <!-- for="text-input-2" -->

  <input type="text" :id="$id('text-input')" />
  <!-- id="text-input-2" -->
</div>