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 created钩子函数与mounted钩子函数的用法区别
这篇文章主要介绍了vue created钩子函数与mounted钩子函数的用法区别，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要介绍了Vue计算属性与监视(侦听)属性的使用,计算属性指的是通过一系列运算之后，最终得到一个值，watch监视(侦听)器允许开发者监视数据的变化，从而针对数据的变化做特定的操作，本文就这两种属性给大家详细讲解，感兴趣的朋友一起学习吧2022-11-11
这篇文章主要为大家详细介绍了vue实现鼠标经过动画的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
大家在vue项目中当删除或者增加一条记录的时候希望当前页面可以重新刷新，但是vue框架自带的router是不支持刷新当前页面功能,所以本文就给大家分享了七种vue实现当前页面刷新的方法,需要的朋友可以参考下2023-07-07
Vue.js虽然说是数据驱动页面的，但是有时候我们也要获取dom对象进行一些操作。这篇文章主要给大家介绍了关于vue第一次获取不到元素的解决方法，需要的朋友可以参考下2021-06-06
Vue3 + Element Plus 实现表格全选/反选/禁用功能(示例详解)
本文详细介绍了如何使用Vue3组合式API和ElementPlus实现表格的全选/反选/禁用功能,并分享了分页保持、视觉提示优化、性能优化等技巧,同时,还提供了常见问题的解决方案和扩展思考,帮助开发者构建功能丰富且用户体验良好的表格组件,感兴趣的朋友一起看看吧2025-03-03
vue轮播组件实现$children和$parent 附带好用的gif录制工具
这篇文章主要介绍了vue轮播组件实现，$children和$parent，附带好用的gif录制工具,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了vue.js中关于点击事件方法的使用(click)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
今天小编就为大家分享一篇浅谈vue-router路由切换 组件重用挖下的坑，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
这篇文章主要介绍了vuecli4中如何配置打包使用相对路径，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
最新评论