vue3+ts函数传参怎么定义数据类型

在Vue3中使用TypeScript进行函数参数的数据类型定义，可以帮助你编写更清晰、更健壮的代码，确保传入的参数符合预期。你可以使用TypeScript的接口（Interface）或者泛型（Generics）来指定参数的数据类型。

**1. 使用接口（Interface）定义参数类型：**

interface MyData {
  name: string;
  age: number;
}

function handleData(data: MyData) {
  // 函数体内的操作
}

在这个例子中，`handleData`函数期望接收到一个名为`MyData`的接口实例，其中包含`name`和`age`属性。

**2. 使用泛型（Generics）定义参数类型：**

function fetchData<T>(param: T): void {
  // 这里的T是一个类型参数，可以是任意类型
  console.log(param);
}

fetchData({ name: 'Alice', age: 30 }); // 正确调用，传入的对象类型匹配了<T>

在这里，`fetchData`函数接受一个泛型参数`T`，并用于定义传入参数的类型。

**相关问题--:**
1. TypeScript接口和泛型的区别是什么？
2. 如何在Vue组件中使用TypeScript的函数类型提示？
3. 泛型在实际项目中的应用场景有哪些？