Skip to content

15 - 切换器 #2896

Open
Open
@cone41

Description

@cone41
<script setup lang="ts">
import { ref } from 'vue';
/**
 * Implement a composable function that toggles the state
 * Make the function work correctly
 */
function useToggle(flag) {
  let state = ref(flag);
  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>

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions