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 created鉤子函數(shù)與mounted鉤子函數(shù)的用法區(qū)別
這篇文章主要介紹了vue created鉤子函數(shù)與mounted鉤子函數(shù)的用法區(qū)別，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要介紹了Vue計算屬性與監(jiān)視(偵聽)屬性的使用,計算屬性指的是通過一系列運算之后，最終得到一個值，watch監(jiān)視(偵聽)器允許開發(fā)者監(jiān)視數(shù)據的變化，從而針對數(shù)據的變化做特定的操作，本文就這兩種屬性給大家詳細講解，感興趣的朋友一起學習吧2022-11-11
這篇文章主要為大家詳細介紹了vue實現(xiàn)鼠標經過動畫的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
大家在vue項目中當刪除或者增加一條記錄的時候希望當前頁面可以重新刷新，但是vue框架自帶的router是不支持刷新當前頁面功能,所以本文就給大家分享了七種vue實現(xiàn)當前頁面刷新的方法,需要的朋友可以參考下2023-07-07
Vue.js雖然說是數(shù)據驅動頁面的，但是有時候我們也要獲取dom對象進行一些操作。這篇文章主要給大家介紹了關于vue第一次獲取不到元素的解決方法，需要的朋友可以參考下2021-06-06
Vue3 + Element Plus 實現(xiàn)表格全選/反選/禁用功能(示例詳解)
本文詳細介紹了如何使用Vue3組合式API和ElementPlus實現(xiàn)表格的全選/反選/禁用功能,并分享了分頁保持、視覺提示優(yōu)化、性能優(yōu)化等技巧,同時,還提供了常見問題的解決方案和擴展思考,幫助開發(fā)者構建功能豐富且用戶體驗良好的表格組件,感興趣的朋友一起看看吧2025-03-03
vue輪播組件實現(xiàn)$children和$parent 附帶好用的gif錄制工具
這篇文章主要介紹了vue輪播組件實現(xiàn)，$children和$parent，附帶好用的gif錄制工具,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了vue.js中關于點擊事件方法的使用(click)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
今天小編就為大家分享一篇淺談vue-router路由切換 組件重用挖下的坑，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要介紹了vuecli4中如何配置打包使用相對路徑，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07