Vue Composition API TypeScript 引用输入不起作用

Question

我正在尝试将 Vue 组合 API 与 TypeScript 结合使用，以更加熟悉即将发生的变化，但我运行遇到了一个小而烦人的错误。当我尝试在下面的脚本中使用 "ref" 实例化类型化值时，我收到 "number is not defined" 错误。不过，从我在 https://vue-composition-api-rfc.netlify.com/api.html#ref 的键入部分中看到的情况来看，我做的是正确的。但是，如果我删除了键入 "ref" 的任何尝试，它会起作用，因为它会将其隐式键入为数字。这是我第一次尝试使用 TypeScript，所以我可能是错的，但因为我知道 x 将是一个数字，所以我认为我应该显式声明类型而不是依赖隐式类型。我在下面发布我的代码片段。我没有已部署的副本，因为这实际上是我尝试做的第一件事，而且我没想过要针对此错误尝试部署它。任何帮助将不胜感激。

<template>
  <div>
    <p>Hello World</p>
    <p>{{ x }}</p>
    <p>{{ y }}</p>
  </div>
</template>

<script lang="ts">
  import { createComponent, ref } from '@vue/composition-api';

  export default createComponent({
    setup() {
      const x = ref<number>(0);
      const y = ref(0);
      return {
        x,
        y,
      }
    }
  })
</script>

Answer 1

只是把它扔在那里以结束问题，但在完全重新启动项目后它似乎工作了。一定是我从设置文档中复制错误的东西。

Vue Composition API TypeScript 引用输入不起作用

Vue Composition API TypeScript ref typing not working

typescript

vue.js

nuxt.js

vue-composition-api