echarts 的几种引入方式

包括按需引入和全部引入,在这里就不多说了,想了解的自己去官网查看   (重点介绍npm安装如何引用)

一、直接去官网下载相关包 通过<script>标签引入

 

二、npm安装引入方式

1、在mainjs里面通过原型全局挂载  (通过this.$echarts就可以获取到对象)

//引入echarts
import echarts from 'echarts'
Vue.prototype.$echarts = echarts;

2、在组件里面局部引用

import echarts from 'echarts';

3、在组建里面直接使用(npm 安装后再node依赖包里面可以直接找到,所以可以通过require来获取)

let echarts = require('echarts');
 let mychart = echarts.init(this.$refs.guangdong_map)

 

posted @ 2020-06-24 16:00  小刺猬的大宝贝  阅读(14528)  评论(0编辑  收藏  举报