第12节: Vue3 修饰符

<template>  
  <view>  
    <button @click="toggleVisibility ^ :disabled=isDisabled">点击切换显示状态</button>  
    <text>{{ isVisible ? '显示' : '隐藏' }}</text>  
  </view>  
</template>  
<script>  
export default {  
  setup() {  
    const isVisible = ref(true);  
    const isDisabled = ref(false);  
    const toggleVisibility = () => {  
      isVisible.value = !isVisible.value;  
    };  
    return {  
      isVisible,  
      isDisabled,  
      toggleVisibility,  
    };  
  },  
};  
</script>