Vue引入vuetify框架你需要知道的幾點(diǎn)知識(shí)
更新時(shí)間：2023年06月05日 10:06:12 作者：前端歷劫之路
這篇文章主要介紹了Vue引入vuetify框架你需要知道的幾點(diǎn)知識(shí)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
vue引入vuetify框架你需要知道的幾點(diǎn)
1、命令行安裝
npm install vuetify --save
2、在src目錄中創(chuàng)建一個(gè)名為的文件夾plugins在里面，添加一個(gè)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導(dǎo)入vuetify失敗
目前npm包安裝完vue-cli以后（2021-4-25），創(chuàng)建項(xiàng)目時(shí)選擇vue3的項(xiàng)目之后想使用vuetify框架，執(zhí)行vue add vuetify指令報(bào)錯(cuò)
原因是目前vuetify組件適配于vue2。
vue3的情況下要么很了解可以嘗試按照錯(cuò)誤提示添加文件，要么換一個(gè)前端框架。
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue導(dǎo)出頁(yè)面為PDF格式的實(shí)現(xiàn)思路
這篇文章主要介紹了Vue導(dǎo)出頁(yè)面為PDF格式的實(shí)現(xiàn)思路，其實(shí)思路也很簡(jiǎn)單，就是將頁(yè)面轉(zhuǎn)換成圖片格式.然后通過(guò)圖片的base64碼.生成PDF..感興趣的朋友跟隨腳本之家小編一起看看吧2018-07-07
這篇文章主要為大家詳細(xì)介紹了Vue分頁(yè)組件的實(shí)例代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
el-table表頭使用el-dropdown出現(xiàn)兩個(gè)下拉框的問(wèn)題及解決方法
本文給大家分享el-table在固定右邊列時(shí),表頭使用el-dropdown會(huì)出現(xiàn)兩個(gè)下拉框的解決方法,感興趣的朋友跟隨小編一起看看吧2024-07-07
折疊面板大家都不陌生,很多時(shí)候需要實(shí)現(xiàn)一些復(fù)雜的交互,就會(huì)用到它,簡(jiǎn)潔直觀還美觀,下面就跟隨小編一起學(xué)習(xí)一下如果使用Vue3實(shí)現(xiàn)折疊面板組件吧2024-01-01
watch的基本用法是在Vue實(shí)例中定義一個(gè)watch對(duì)象,該對(duì)象內(nèi)部包含需要監(jiān)聽(tīng)的數(shù)據(jù)項(xiàng)和對(duì)應(yīng)的回調(diào)函數(shù)，這篇文章主要介紹了vue2中watch的使用,需要的朋友可以參考下2024-01-01
Vue中的transition封裝組件的實(shí)現(xiàn)方法
這篇文章主要介紹了Vue中的transition封裝組件的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要介紹了Vue自定義元素身上的右鍵事件問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
vue+elementUI中使用Echarts之餅圖問(wèn)題
這篇文章主要介紹了vue+elementUI中使用Echarts之餅圖問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
解決element-ui的table表格控件表頭與內(nèi)容列不對(duì)齊問(wèn)題
這篇文章主要介紹了解決element-ui的table表格控件表頭與內(nèi)容列不對(duì)齊問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-07-07
關(guān)于vue3+echart5?遇到的坑?Cannot?read?properties?of?undefine
這篇文章主要介紹了vue3+echart5?遇到的坑?Cannot?read?properties?of?undefined?(reading?'type'),本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-04-04