搜了一下没有答案喂到嘴边，还得自己动脑思考一下，emo。
关键点在于获取当前实例。
安装echarts依赖，并引入所需组件
安装依赖（大小写拼错真的很窒息😀）
yarn add echarts
echarts提供了按需引入的接口，可以直接从官方文档copy。每一个示例的完整代码部分也都自带按需引入。可以在项目中新建一个echarts.js来存放。
// 引入 echarts 核心模块，核心模块提供了 echarts 使用必须要的接口。
import * as echarts from 'echarts/core';
// 引入柱状图图表，图表后缀都为 Chart
import { BarChart } from 'echarts/charts';
// 引入提示框，标题，直角坐标系，数据集，内置数据转换器组件，组件后缀都为 Component
import {
TitleComponent,
TooltipComponent,
GridComponent,
DatasetComponent,
TransformComponent
} from 'echarts/components';
// 标签自动布局、全局过渡动画等特性
import { LabelLayout, UniversalTransition } from 'echarts/features';
// 引入 Canvas 渲染器，注意引入 CanvasRenderer 或者 SVGRenderer 是必须的一步
import { CanvasRenderer } from 'echarts/renderers';
// 注册必须的组件
echarts.use([
TitleComponent,
TooltipComponent,
GridComponent,
DatasetComponent,
TransformComponent,
BarChart,
LabelLayout,
UniversalTransition,
CanvasRenderer
]);
export default echarts
main.js中引入并挂载
引入刚刚写好的echarts.js
import echarts from './libs/echarts.js'
挂载到app.config.globalproperties,就可以全局使用了。
app.config.globalProperties.echarts = echarts;
console.log(app.config.globalProperties);
小心不要写错位置了，上面代码要写在app.mount前。
这种方法最好只对库使用。也就是现在这个使用场景。
页面中使用
（为什么我会自己写，是因为搜到的答案叫我用this调用，太感谢了，看的我一愣一愣的）
我们想要调用一个存在于当前实例里的方法，但是没有this。vue给了一个方法getCurrentInstance来获取当前实例。
const { proxy } = getCurrentInstance();
console.log(proxy.echarts);
然后你就可以用proxy里面的echarts了
容器：
<div id="container" ref="container"></div>
初始化并配置：
const container=ref();
let mychart = proxy.echarts.init(container.value);
const option={};
mychart.setOption(option);
app.config.globalproperties
一个用于注册能够被应用内所有组件实例访问到的全局属性的对象。是对vue.prototype的代替。谨慎使用。以及如果全局属性和组件内的属性冲突，组件内的属性优先级更高。
