Vue Composition API TypeScript ref 輸入不起作用

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

只是把它扔到那里來結束這個問題，但在完全重啟項目之后它似乎工作。 一定是我從安裝文檔中錯誤地復制了一些東西。