方法返回类型无法使用 *此 *

Question

目前，我被分配了一项任务，必须将VUE作为前端框架进行测试，另一个开发人员正在测试React。

主要要点是我们想要强大的类型提示和编译时错误，我正在努力实现方法返回类型。

作品：

<template>
  <div class="home flex flex-col">
    <h1 class="flex justify-center">Spy Table:</h1>
    <h2>Hi: {{ test2() }}</h2>
    <SpyTable />
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import SpyTable from "@/components/SpyTable/SpyTable.vue";

function test3(): string {
  return "Vue Test 3";
}

export default defineComponent({
  props: {
    dataset: {
      type: Object as () => FormType,
      required: true,
    },
    name: String,
    msg: { type: String, required: true },
  },
  methods: {
    test1: function (): string {
      return "Vue Test 1";
    },
    test2: function (): typeof test3 {
      return test3;
    },
  },
});
</script>

上面的示例将有效，方法test2暗示返回typeof test3函数，这一切都很好。

不起作用：

<template>
  <div class="home flex flex-col">
    <h1 class="flex justify-center">Spy Table:</h1>
    <h2>Hi: {{ test2() }}</h2>
    <SpyTable />
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import SpyTable from "@/components/SpyTable/SpyTable.vue";

function test3(): string {
  return "Vue Test 3";
}

export default defineComponent({
  props: {
    dataset: {
      type: Object as () => FormType,
      required: true,
    },
    name: String,
    msg: { type: String, required: true },
  },
  methods: {
    test1: function (): string {
      return "Vue Test 1";
    },
    test2: function (): typeof this.test1 {
      return this.test1;
    },
  },
});
</script>

这是行不通的，它不会编译，总的来说，只是给我麻烦...我没有办法告诉我test2它应该期望typeof test1要返回？

我真的很想在与Vue合作自己的私人项目时，我真的很喜欢Vue，还有另一个同事正在做与我一样的事，我真的很希望这样公司选择Vue，有人可以帮助我解决这个问题吗？