Vue引入vuetify框架你需要知道的幾點知識
更新時間：2023年06月05日 10:06:12 作者：前端歷劫之路
這篇文章主要介紹了Vue引入vuetify框架你需要知道的幾點知識，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue引入vuetify框架你需要知道的幾點
1、命令行安裝
npm install vuetify --save
2、在src目錄中創(chuàng)建一個名為的文件夾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），創(chuàng)建項目時選擇vue3的項目之后想使用vuetify框架，執(zhí)行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對象,該對象內部包含需要監(jiān)聽的數據項和對應的回調函數，這篇文章主要介紹了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