「源码学习」适用于 Vue3 的 ECharts 包装组件

最新推荐文章于 2024-08-30 18:21:33 发布

Gitee

最新推荐文章于 2024-08-30 18:21:33 发布

阅读量304

点赞数

分类专栏： Gitee Gitee项目推荐文章标签： vue echarts 开源

本文链接：https://blog.csdn.net/zicochan/article/details/108795134

版权

本文介绍了一个适用于Vue2和Vue3的ECharts包装组件，项目名为echarts-for-vue，由范围兄开源，采用Apache-2.0协议。通过示例展示了在Vue3和Vue2中如何引用该组件。

摘要由CSDN通过智能技术生成

距离 Vue3 发布已经有近一周的时间，不知道大家源码都学习的怎么样了呢？今天 Gitee 为大家推荐一个新的学习资源，就是下面要介绍的这个同时适用于 Vue2 和 Vue3 的 EChatrts 包装组件，希望能对大家学习 Vue3 有所帮助。

项目名称：echarts-for-vue

项目作者：范围兄

开源许可协议：Apache-2.0

项目地址：https://gitee.com/ambit/echarts-for-vue

项目简介

适用于 Vue 3 和 2 的 ECharts 包装组件

引用方法

下面分别介绍了使用 Vue2 和 Vue3 的用法，大家可以看看有哪些不同呢？

Vue3

import { createApp, h } from 'vue';
import echarts from 'echarts';
import { plugin } from 'echarts-for-vue';


const app = createApp({ /*...*/ });
app.use(plugin, { echarts, h });                    // 作用插件使用
<template>
    <ECharts ref="chart" :option="option" />
</template>