Vue引入vuetify框架你需要知道的几点知识

更新时间：2023年06月05日 10:06:12 作者：前端历劫之路

这篇文章主要介绍了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的情况下要么很了解可以尝试按照错误提示添加文件，要么换一个前端框架。

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

vue组件实现进度条效果
这篇文章主要为大家详细介绍了vue组件实现进度条效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-06-06
Vue单页面应用做预渲染的方法实例
vue是一个单页面的应用,这导致一些爬虫和百度无法搜索到,如果你想针对你应用的其中某些页面进行SEO优化,让他们可以被爬虫和百度搜索到,你可以进行预渲染操作,下面这篇文章主要给大家介绍了关于Vue单页面应用做预渲染的相关资料,需要的朋友可以参考下
2021-10-10
Vue实现点击按钮进行上下页切换
这篇文章主要介绍了Vue实现点击按钮进行上下页的切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-01-01
vue+element实现图片上传及裁剪功能
这篇文章主要为大家详细介绍了vue+element实现图片上传及裁剪功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-06-06
vue-lazyload图片延迟加载插件的实例讲解
下面小编就为大家分享一篇vue-lazyload图片延迟加载插件的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-02-02
Vue利用插件实现打印功能的示例详解
这篇文章主要为大家详细介绍了Vue如何利用vue-print-nb插件实现打印功能，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起学一下
2023-03-03
vue中引入图片的方法示例
在我们写vue项目中肯定会用到各种图片,那么如何更好的使用图片资源呢?下面这篇文章主要给大家介绍了关于vue中引入图片的方法,需要的朋友可以参考下
2023-06-06
vue2结合echarts实现一个地图的效果
这篇文章主要介绍了vue2结合echarts实现一个地图的效果,本文通过实例代码给大家介绍的非常详细,对大家何用vue和echarts实现一个地图有一定的帮助,感兴趣的朋友一起看看吧
2024-03-03
Vue element ui用户展示页面的实例
这篇文章主要介绍了Vue element ui用户展示页面的实例，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-05-05
关于vue设置环境变量全流程
这篇文章主要介绍了关于vue设置环境变量全流程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-03-03