Vue3+Cli4 中使用 Echarts 5

---

前言

最近在做这个项目,这也是驱使我探求Vue3和Echarts结合方法的原因,虽然还没做完,我挑一个页面给你们看看吧.

你可以看到右下角还没有对齐,然后轮播图也还没做,不过这都不重要了,引你进来的目的已经达到了.

一、按需引入

这个项目我用的是全局引入,图个方便,没讲究那么多,但我估计大家还是喜欢按需引入吧…

import * as echarts from 'echarts';
//只加这句就行了,而且也不用use这个东西

//组件中
import * as echarts from 'echarts/core';
import {
    CanvasRenderer } from 'echarts/renderers';

import {
    BarChart } from 'echarts/charts';
//格式: import { 图表类型 } from 'echarts/charts'

import {
   
  TitleComponent