在Vue中，我們使用v-bind指令可以綁定屬性值到HTML元素上。其中，v-bind:disabled屬性可以將表達式的結果綁定到HTML元素的disabled屬性上，從而實現動態禁用/啟用HTML元素的功能。

<template>
<button v-bind:disabled="isDisabled">Click me!</button>
</template>
<script>
export default {
data() {
return {
isDisabled: false
}
},
methods: {
disableButton() {
this.isDisabled = true;
}
}
}
</script>

在上面的代碼中，我們定義了一個名為isDisabled的data屬性，并將其綁定到button元素的disabled屬性上。此時，按鈕是可用狀態。

接下來，我們定義了一個名為disableButton的方法，在方法中將isDisabled屬性的值改為true。如果我們在模板中調用disableButton方法，那么就會動態地禁用按鈕。

<template>
<button v-bind:disabled="isDisabled" v-on:click="disableButton">Click me!</button>
</template>
<script>
export default {
data() {
return {
isDisabled: false
}
},
methods: {
disableButton() {
this.isDisabled = true;
}
}
}
</script>

最后，我們看到了如何在Vue中使用v-bind:disabled指令來實現動態禁用/啟用HTML元素的功能。通過綁定一個表達式到HTML元素的disabled屬性上，我們可以根據自己的需求動態地改變元素的可用/禁用狀態。