15 - 切换器

[mu-muw]

// 你的答案
// 你的答案
<script setup >
import {ref} from 'vue'
/**
 * 实现一个切换状态的可组合函数
 * 确保该功能正常工作
*/
function useToggle(switchs) {
  const state=ref(switchs) 
  function 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>

[shenrui1]

finished