当前Vue Js不支持｛ref｝包。
我是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>
当我运行此代码时，终端中出现错误"；在"vue"中找不到导出"ref">在web浏览器中错误为vue.runtime.esm.js？2b0e:619[Vue warn]：属性或方法"；容量"；未在实例上定义，但在渲染过程中被引用。通过初始化该属性，确保该属性在数据选项中是被动的，或者对于基于类的组件是被动的。请参阅：https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-反应特性。
在中找到
--->位于src/App.vue
我的要求是打印容量：3在浏览器中任何人请帮助我提前感谢！
您的代码正在使用Composition API，这在当前版本的Vue中不受支持(它将是Vue 3的一部分，今年晚些时候发布(
目前，您可以下载Composition API插件，也可以切换到Options API，这是目前支持的在Vue 中制作单个文件组件的方法
有两种方法
导入@vue/composition api npm包，您可以像这样使用
import { ref } from "@vue/composition-api" export default{ setup() { const capacity = ref(3); return { capacity } } }
您可以使用传统方法
export default {
data() {
return {
capacity: 3
}
}
}