Vue項目如何引入bootstrap、elementUI、echarts
引入bootstrap
安裝依賴包
cnpm install bootstrap --save-dev
cnpm install jquery --save-dev
cnpm install popper.js --save-dev
全局引入
在項目中根目錄下的main.js中添加如下代碼：
import 'bootstrap'
import $ from 'jquery'
在vue文件中引用
<script>
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'
</script>
引入elementUI
安裝 elementUI
打開終端，輸入以下內容
npm i element-ui -S
全局引入
在項目中根目錄下的main.js中添加如下代碼：
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI)
引入echarts
安裝echarts
npm install echarts -S
2.全局引入main.js
// 引入echarts
import echarts from 'echarts'
Vue.prototype.$echarts = echarts
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了安裝VUE-CLI一直失敗的排錯過程及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了vue 動態(tài)生成拓撲圖的示例，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
uniapp?vue3中使用webview在微信小程序實現(xiàn)雙向通訊功能
微信小程序的存在許多功能上的限制和約束,有些情況不得不去使用webview進行開發(fā)實現(xiàn)需求,這篇文章主要給大家介紹了關于uniapp?vue3中使用webview在微信小程序實現(xiàn)雙向通訊功能的相關資料,需要的朋友可以參考下2024-07-07
這篇文章主要為大家詳細介紹了vue實現(xiàn)記事本小功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
vue數(shù)據更新但視圖(DOM)不刷新的幾種解決辦法
這篇文章主要給大家介紹了關于vue數(shù)據更新但視圖(DOM)不刷新的幾種解決辦法,我們在開發(fā)過程中經常會碰到數(shù)據更新,但是視圖并未改變的情況,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了Vue.js 圖標選擇組件實踐詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
微信的浮窗，大伙應該都用過，當我們正在閱讀一篇公眾號文章時，突然需要處理微信消息，點擊浮窗，在微信上會有個浮標，點擊浮標可以再次回到文章。今天小編抽空給大家介紹vue 實現(xiàn)微信浮標效果，感興趣的朋友一起看看吧2019-09-09
vue 自定指令生成uuid滾動監(jiān)聽達到tab表格吸頂效果的代碼
這篇文章主要介紹了vue 自定指令生成uuid滾動監(jiān)聽達到tab表格吸頂效果,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-09-09
這篇文章主要介紹了iView-admin 動態(tài)路由問題的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-10-10
vue+vuex+axios從后臺獲取數(shù)據存入vuex,組件之間共享數(shù)據操作
這篇文章主要介紹了vue+vuex+axios從后臺獲取數(shù)據存入vuex,組件之間共享數(shù)據操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07