vue3 typescript 在*.vue中使用reactive指定类型时报错

[tinnkm]

相关平台

微信小程序

小程序基础库: 2.12.1
使用框架: Vue 3

复现步骤

代码片断如下，分别列举三种情况

<script lang="ts">
import { defineComponent, onMounted, reactive } from "vue";
import { QustionDomain } from "../domain/QustionDomain";

export default defineComponent({
  setup() {
    const question:QustionDomain = reactive({ 
      id: "", 
      title: "某用户是？",
      });
    return {
      question
    };
  },
});
</script>

这中情况下编译直接报错，在question: QuestionDomain处提示Unexpected token

<script lang="ts">
import { defineComponent, onMounted, reactive } from "vue";
import { QustionDomain } from "../domain/QustionDomain";

export default defineComponent({
  setup() {
    /**
     * 当前题
     */
    const question = reactive({ 
      id: "", 
      title: "某用户是？"
      }) as QustionDomain;
    return {
      question
    };
  },
});
</script>

这种情况下在as 处提示Unexpected token

<script lang="ts">
import { defineComponent, onMounted, reactive } from "vue";
import { QustionDomain } from "../domain/QustionDomain";

export default defineComponent({
  setup() {
    /**
     * 当前题
     */
    const question = reactive<QustionDomain>({ 
      id: "", 
      title: "某用户是？"
      });
    return {
      question
    };
  },
});
</script>

这种情况下编译不报错，但是页面答应{{question.title}}无内容

期望结果

可以支持类型限制

实际结果

不支持类型限制

环境信息

Taro CLI 3.0.7 environment info:
    System:
      OS: Windows 8.1
    Binaries:
      Node: 14.7.0 - E:\Program Files\nodejs\node.EXE
      npm: 6.14.7 - E:\Program Files\nodejs\npm.CMD

---

补充信息

只有在不做任何类型限制的时候，页面才可以做正确的显示

[Chen-jj]

duplicated #7335