Vue引入vuetify框架你需要知道的几点知识
作者：前端历劫之路
这篇文章主要介绍了Vue引入vuetify框架你需要知道的几点知识，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue引入vuetify框架你需要知道的几点
1、命令行安装
npm install vuetify --save
2、在src目录中创建一个名为的文件夹plugins在里面，添加一个vuetify.js文件。
代码如下：
import Vue from 'vue' import Vuetify from 'vuetify' import 'vuetify/dist/vuetify.min.css' Vue.use(Vuetify) export default new Vuetify()
3、在main.js中修改
import Vuetify from 'vuetify'
import vuetify from '@/plugins/vuetify'
Vue.use(Vuetify)
new Vue({
vuetify,
el: '#app',
router,
components: { App },
template: '<App/>'
})vue-cli导入vuetify失败
目前npm包安装完vue-cli以后（2021-4-25），创建项目时选择vue3的项目之后想使用vuetify框架，执行vue add vuetify指令报错
原因是目前vuetify组件适配于vue2。
vue3的情况下要么很了解可以尝试按照错误提示添加文件，要么换一个前端框架。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。