Ошибка при импорте {ref} из vue? - PullRequest
1 голос
/ 24 февраля 2020

Я новичок ie до vue js, учусь на vue -мастерных уроках, и я написал код, увидев урок Мой код:

<template>
<div>Capacity: {{ capacity }}</div>
</template>

<script type="module">
import { ref } from "vue";
export default{
setup(){
const capacity = ref(3);
return { capacity };
}
};
</script>

Я получаю ошибка в терминале, когда я запускаю этот код "экспорт 'ref' не был найден в 'vue' , а в веб-браузере ошибка vue .runtime.esm. js? 2b0e: 619 [Vue warn]: свойство или метод «емкость» не определены в экземпляре, но на него ссылаются во время рендеринга. Убедитесь, что это свойство является реактивным, либо в параметре данных, либо для компонентов на основе классов, инициализируя свойство. См .: https://vuejs.org/v2/guide/reactivity.html#Declaring -Reactive-Properties .

найдено в

---> в src / App. vue

Мои требования это для печати емкость: 3 в браузере кто-нибудь, пожалуйста, помогите мне Спасибо заранее!

1 Ответ

1 голос
/ 24 февраля 2020

Ваш код использует Composition API , который не поддерживается в текущей версии Vue (он будет частью Vue 3, выпущенного позднее в этом году)

На данный момент вы можете либо загрузить плагин Composition API , либо перейти на Options API , который является текущим поддерживаемым способом создания отдельных файловых компонентов в Vue

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...