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

只需将其扔到那里即可结束问题，但是在完全重新启动项目后，它似乎可以正常工作。一定是我从设置文档中错误地复制了某些内容。

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

1 个答案: