toRefs

<template>
  <div>
    {{count}}
    <button @click="setCount">click</button>
  </div>
</template>
<script lang="ts">
import { defineComponent,toRefs,reactive } from 'vue'
export default defineComponent({
  setup() {
    // todo1 通过reactive 定义一个响应式数据
    const state = reactive({
      count: 0
    })
    // todo2 定义修改state的方法
    const setCount = () => {
      state.count++
    }
    // todo3 导出
    return {
      setCount,
      ...toRefs(state) //todo4 将reactive数据转成ref数据
    }
  },
})
</script>