'Ref<x>' 类型的参数不可分配给 'x' 类型的参数

Argument of type 'Ref<x>' is not assignable to parameter of type 'x'

使用新的组合 API 我正在尝试从输入中获取数据并将其传递给需要 string 的函数。但是,TypeScript 抱怨类型不匹配,因为一个是 Ref<>。我在这里应该做什么?

<script setup lang="ts">
import { ref } from 'vue'
import formHandler from '../utils/formHandler'

const name = ref('')
</script>

<template>
  <div class="form">
    <label for="name">Name:</label>
    <input name="name" v-model="name"/>
    <button @click="formHandler.validate(name)">Validate</button>
  </div>
</template>

我发现了。您必须附加 .value 才能获取值本身。

const name = ref('')

name       // <-- Ref object
name.value // <-- string