toRefs()

<template>
  <div>
    <div>{{ classname }}</div>
    <button @click="changeClassname">change语言名称</button>
  </div>
</template>

<script >
import { reactive, toRefs } from 'vue'
export default {
  name: 'ToRefs',
  setup() {
    const data = reactive({
      classname: 'javascript',
      changeClassname: () => {
        data.classname = 'vue3.0'
      },
    })
    return {
      ...toRefs(data),
    }
  },
}
</script>