vue3ts 定义一个函数

以下是一个简单的 TypeScript 函数定义示例：

function add(a: number, b: number): number {
  return a + b;
}

这个函数名为 `add`，接受两个参数 `a` 和 `b`，都是数字类型。函数返回值也是数字类型。

在 Vue 3 中使用 TypeScript，我们可以将函数定义在组件内部，例如：

<template>
  <div>{{ result }}</div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  data() {
    return {
      a: 2,
      b: 3,
    };
  },
  computed: {
    result(): number {
      return add(this.a, this.b);
    },
  },
});

function add(a: number, b: number): number {
  return a + b;
}
</script>

在这个示例中，我们定义了一个名为 `add` 的函数，然后在组件中使用它来计算 `result` 的值。需要注意的是，定义函数的位置必须在组件定义之前，否则会出现编译错误。