Vue Composition API TypeScript ref type不起作用

Question

我正在尝试将 Vue 组合 API 与 TypeScript 一起使用，以更熟悉即将进行的更改，但我遇到了一个小但烦人的错误。 当我尝试在下面的脚本中使用"ref"实例化键入的值时，我收到"未定义数字"的错误。 不过，从我在 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

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