Skip to content

15 - useToggle #2265

Open
Open
@woojerry

Description

@woojerry
<script setup>
import { ref } from 'vue'

function useToggle(initialState) {
  const state = ref(initialState)

  const toggle = () => {
    const toggleState = state.value
    state.value = !toggleState 
  }

  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