溫馨提示×

在vue中如何引入echart

vue
養(yǎng)魚的貓咪
902
2021-05-08 10:34:38
欄目: 編程語言

在vue中引入echart的方法：1.新建vue.js項目；2.使用npm導(dǎo)入echart依賴包；3.使用import或require方法引入echart；

在vue中如何引入echart

具體步驟如下：

1.首先，在vue-cli中創(chuàng)建一個vue.js項目；

vue create project-name

2.vue.js項目創(chuàng)建好后，在項目中使用npm命令導(dǎo)入echart依賴包；

npm install echarts --save

3.最后，echart依賴包導(dǎo)入后，在項目中使用以下方法引入echart即可；

1）使用import方法全局引入echart

import echarts from 'echarts'

2）使用require方法按需引入echart

#引入基本模板
let echarts = require('echarts/lib/echarts')
#引入柱狀圖組件
require('echarts/lib/chart/bar')
#引入提示框
require('echarts/lib/component/tooltip')
#引入title組件
require('echarts/lib/component/title')

1 踩