编号: x-id

**x-id指令允许你为使用$id()魔法生成的任何新 ID 声明一个新的“范围”。它接受一个字符串数组（ID 名称），并为其中$id('...')**生成的每个字符串添加一个后缀，该后缀对于页面上的其他 ID 是唯一的。

**x-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>