在Vue.js開發中，經常需要操作頁面元素中的id屬性，便于通過JavaScript腳本進行對頁面元素的操作。Vue中可以通過v-bind指令將Vue的數據模型和元素屬性綁定在一起。我們可以使用這種綁定方式來設置一個元素的id屬性。

<template>
<div v-bind:id="myId">
// 元素內容
</div>
</template>
<script>
export default {
data() {
return {
myId: 'element_id'
}
}
}
</script>

在這個例子中，我們使用v-bind指令并將myId變量綁定在了元素的id屬性上。我們可以在Vue的data中定義myId變量來動態設置元素的id屬性。

更進一步，如果我們需要讓一個元素的id屬性根據不同的條件變化，我們可以使用Vue中的計算屬性computed。computed是Vue中一個非常強大的特性，可以計算出新的值，這些值可以用在模板中調用。

<template>
<div v-bind:id="elementId">
// 元素內容
</div>
</template>
<script>
export default {
data() {
return {
condition: true
}
},
computed: {
elementId() {
return this.condition ? 'element_id_1' : 'element_id_2'
}
}
}
</script>

在這個例子中，我們使用computed計算屬性來動態設置元素的id屬性。當condition為true時，元素的id屬性為'element_id_1'，否則為'element_id_2'。

總之，在Vue中設置元素的id屬性非常簡單。我們可以使用v-bind指令和變量來實現動態設置id屬性。同時，我們可以使用計算屬性來根據不同的條件來動態設置id屬性。