如何使用 vue 3 安装 vuetify 2.5.6？

Posted 2023-02-22

【中文标题】如何使用 vue 3 安装 vuetify 2.5.6？

【英文标题】：how to install vuetify 2.5.6 with vue 3?

【发布时间】：2021-09-14 09:28:34

【问题描述】：

这是我在 main.js 中的代码

import  createApp  from 'vue'
import vuetify from './plugins/vuetify'
import App from './App.vue'

const app = createApp(App)

app.use(vuetify)
app.mount('#app')

这是我在 vuetify.js 中的代码

import Vue from 'vue'
import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

export default new Vuetify(
    icons: 
        iconfont: 'mdi'
    
)

here's the error message I received

【参考方案1】：

您使用的是 Vue 3（Vue CLI 版本无关紧要），而 Vuetify 2.x 与 Vue 3 不兼容 - 请参阅 the docs

所以你需要做出选择——如果你想使用Vuetify 2.x，你需要切换到Vue 2。如果你想继续使用Vue 3，你需要使用Vuetify 3，这是目前在aplha stage

【讨论】：

我没有看到 vue 的版本不适用于 vuetify 2.x 这真的很有帮助。嗯，有一件事，你能推荐一个适用于 vue cli 3 的框架。在此先感谢

很难给出任何建议，因为组件库的选择取决于很多事情。我对Quasar 和 Vuetify 都有一些经验，我认为两者都是可靠的选择。 Quasar 2（适用于 Vue 3）刚刚推出测试版 few days ago