Vue.js 中的 v-bind:id 指令允許我們將一個動態的 id 綁定到元素上,使其具有唯一性。在動態渲染大量數據、生成多個組件的時候,v-bind:id 扮演著非常重要的角色。下面我們來了解一下如何使用 v-bind:id 指令。
{{ item.name }}
在上面的示例中,我們使用了 v-for 循環輸出了一些具有不同 id 的元素。這里的 :id 實際上就是指 v-bind:id 指令。我們將每個元素的 id 綁定到 item.id 上,這樣每個元素都有了唯一的 id,即使我們在同一個組件中使用了多個同樣的元素,它們的 id 也是不同的。
另外,需要注意的是,在使用 v-bind:id 指令的時候,我們需要整合一下元素的動態屬性,即將 ':' 寫在指令前面,這樣才能正確綁定動態的 id。