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导出页面为PDF格式的实现思路，其实思路也很简单，就是将页面转换成图片格式.然后通过图片的base64码.生成PDF..感兴趣的朋友跟随脚本之家小编一起看看吧2018-07-07
这篇文章主要为大家详细介绍了Vue分页组件的实例代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
el-table表头使用el-dropdown出现两个下拉框的问题及解决方法
本文给大家分享el-table在固定右边列时,表头使用el-dropdown会出现两个下拉框的解决方法,感兴趣的朋友跟随小编一起看看吧2024-07-07
折叠面板大家都不陌生,很多时候需要实现一些复杂的交互,就会用到它,简洁直观还美观,下面就跟随小编一起学习一下如果使用Vue3实现折叠面板组件吧2024-01-01
watch的基本用法是在Vue实例中定义一个watch对象,该对象内部包含需要监听的数据项和对应的回调函数，这篇文章主要介绍了vue2中watch的使用,需要的朋友可以参考下2024-01-01
这篇文章主要介绍了Vue中的transition封装组件的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
这篇文章主要介绍了Vue自定义元素身上的右键事件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要介绍了vue+elementUI中使用Echarts之饼图问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
解决element-ui的table表格控件表头与内容列不对齐问题
这篇文章主要介绍了解决element-ui的table表格控件表头与内容列不对齐问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
关于vue3+echart5 遇到的坑 Cannot read properties of undefine
这篇文章主要介绍了vue3+echart5 遇到的坑 Cannot read properties of undefined (reading 'type'),本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
最新评论