实例：

<template><div><button v-bind:disabled="isButtonDisabled">点击我</button></div>
</template><script>
import { ref } from 'vue';export default {setup() {const isButtonDisabled = ref(false);return {isButtonDisabled,};},
};
</script>

在这个例子中，我们使用 v-bind:disabled 将 isButtonDisabled 的值绑定到按钮的 disabled 属性上。当 isButtonDisabled 为 true 时，按钮将被禁用；当 isButtonDisabled 为 false 时，按钮将被启用。

订阅专栏，每日更新

第4节：Vue3 布尔属性指令