美文网首页
vue项目按需引入echarts

vue项目按需引入echarts

作者: 清风昙 | 来源:发表于2022-12-07 15:20 被阅读0次

安装echarts

npm install echarts -D

全局引入

main.js文件中配置
import Vue from 'vue'
import echats from 'echarts'
Vue.prototype.$echarts = echarts

按需引入

// 引入echarts主要模块
let echarts = require('echarts/lib/echarts')
//引入line等组件
require('echarts/lib/chart/line')
require('echarts/lib/chart/bar')
//引入titlle等组件
require('echarts/lib/component/tooltip')
require('echarts/lib/component/title')
require('echarts/lib/component/grid')
Vue.prototype.$echarts = echarts

// 如果较多页面使用,建议写在main.js文件中
// 如果单个页面使用,直接写在具体页面.vue中
// 此处使用require,不用import引入是由于import需要详细的路径

相关文章

网友评论

      本文标题:vue项目按需引入echarts

      本文链接:https://www.haomeiwen.com/subject/nzvnfdtx.html