Vue.js 如何将Vue 3与Vuetify连接？

我使用Vue版本3初始化了一个新的空Vue应用程序。然后，我尝试使用命令vue add Vuetify添加插件Vuetify，但收到以下错误。有没有办法解决这个问题

---

截至2020年7月，Vuetify 2.x不支持Vue 3。正在根据Vuetify的任务列表为Vue 3重构所有组件：

虽然没有Vuetify 3，但我会将Vue 2.x与Vuetify 2.x一起使用，并且：

然后导入main.js中的项目：

最后在组件中使用它：

// use the APIs
import { ref, reactive } from '@vue/composition-api'

---

请注意使用此方法的原因。

Vuetify当前与Vue 3不兼容

考虑到Vue 3中不断发生的更改和实现差异，需要重写整个库

截至2021年1月，他们的目标是2021年第1季度发布alpha版本，但一般用户不应该期望在今年晚些时候，甚至2022年初看到发布版本

---

在此之前，还有其他与Vue 3兼容的替代方案，例如。我相信他们有可以连接的材料设计主题和相当数量的组件，尽管在v-app风格的功能协调方面稍有欠缺。

目前Vuetify 3 Alfa可能：

装置

为了正确进行安装，需要vue cli 4.0。有关更多说明，请访问。使用vue-V进行检查

安装后，使用vue cli 4.0使用以下命令生成项目：

vue创建我的应用程序 出现提示时，选择Vue 3预览：

? 请选择一个预设： 默认[Vue 2]巴别塔，eslint >默认Vue 3预览[Vue 3]巴别塔，eslint 手动选择要素 建议此时提交或隐藏更改，以防需要回滚更改

cd我的应用程序 vue添加vuetify 出现提示后，选择v3 alpha：

? 选择预设：使用箭头键 默认推荐 原型快速开发 配置高级 >v3α 用法

在Vue 3.0中，Vue应用程序和Vuetify扩展的初始化过程已更改。使用新的createVuetify方法，传递给它的选项也发生了更改。有关更多详细信息，请参阅文档功能部分的页面

接下来，导航到项目目录并将Vuetify添加到项目中：

从vue导入{createApp}； 从./plugins/vuetify导入vuetify； 从导入应用程序。/App； const app=createAppApp； app.usevuetify； app.mountapp； 资料来源：

---

此时此刻，不要屏住呼吸——上面的黑板显示完成了6/124项任务。同意你的观点，这是当前状态下的最佳解决方案。

import Vue from 'vue'
import VueCompositionAPI from '@vue/composition-api'

Vue.use(VueCompositionAPI)

// use the APIs
import { ref, reactive } from '@vue/composition-api'