Vue筆記：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