Я пытаюсь использовать API композиции Vue с 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>