如何将Vue 3表单相关的Options API代码转换为Composition API

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

// 对应原Options API中data里的响应式变量
const text = ref('')

// 对应原methods里的重置方法
const resetForm = (e) => {
  e.preventDefault()
  text.value = ''
}
</script>

转换关键点： #

• 原data中的基本类型响应式变量，用ref()声明，修改和访问时需通过.value
• 原methods中的方法直接定义为普通函数，无需挂载到methods对象
• 不再依赖this访问变量，直接使用声明好的变量即可

内容的提问来源于stack exchange，提问作者bxeom