15 - 切换器

[zgsgs]

// 你的答案
<script setup lang="ts">
import { ref } from 'vue';
/**
 * Implement a composable function that toggles the state
 * Make the function work correctly
 */
function useToggle(initState: bool = false) {
  const state = ref(initState);
  const toggle = () => (state.value = !state.value);
  return { state, toggle };
}

const { state, toggle } = useToggle(false);
</script>

<template>
  <p>State: {{ state ? 'ON' : 'OFF' }}</p>
  <p @click="toggle">Toggle state</p>
</template>