Vue中的button元素可以使用disabled屬性來禁用。通過將此屬性設置為true，可以防止用戶在不允許的情況下提交表單或執行其他操作。

<template>
<div>
<button :disabled="isDisabled">點擊我</button>
</div>
</template>
<script>
export default {
data() {
return {
isDisabled: true
}
}
}
</script>

上述代碼演示了如何使用Vue禁用按鈕。在data屬性中定義一個isDisabled變量并將其設置為true。此變量綁定到button元素的disabled屬性中，因此按鈕現在處于禁用狀態。要啟用按鈕，只需簡單地將isDisabled設置為false。

<template>
<div>
<button :disabled="isDisabled">點擊我</button>
<button @click="enableButton">啟用按鈕</button>
</div>
</template>
<script>
export default {
data() {
return {
isDisabled: true
}
},
methods: {
enableButton() {
this.isDisabled = false;
}
}
}
</script>

在上面的代碼中，我們還添加了一個“啟用按鈕”按鈕，它通過調用enableButton方法將isDisabled設置為false來啟用之前禁用的按鈕。

總的來說，使用Vue的disabled屬性非常容易，并且可以為您的用戶提供更好的體驗。通過將按鈕狀態設置為禁用，您可以防止用戶無意中提交表單或執行其他不必要的操作，這對于優化您的應用程序的工作流程非常重要。