第3节:Vue3 v-bind指令
实例:
<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 时,按钮将被启用。