vue3源码分享详解网站？vue.use源码

本篇文章给大家谈谈vue3源码分享详解网站，以及vue.use源码对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。

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

项目名称：echarts-for-vue

项目作者：范围兄

开源许可协议：Apache-2.0

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

项目简介

适用于Vue3和2的ECharts包装组件

引用方法

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

Vue3

import{createApp,h}from&39;;\nimportechartsfrom&39;;\nimport{plugin}from&39;;\n\n\nconstapp=createApp({/*…*/});\napp.use(plugin,{echarts,h});//作用插件使用\n<template>\n<EChartsref=&34;:option=&34;/>\n</template>\n\n\n<script>\nimportechartsfrom&39;;\nimport{h}from&39;;\nimport{createComponent}from&39;;\n\n\nexportdefault{\ncomponents:{\nECharts:createComponent(echarts,h),//作为组件使用\n},\ndata(){\nreturn{\noption:{/*…*/},\n};\n},\nmethods:{\ndoSomething(){\nthis.$refs.chart.inst.getWidth();//调用ECharts实例的方法\n}\n}\n}\n</scrip

Vue2

importVuefrom&39;;\nimportechartsfrom&39;;\nimport{plugin}from&39;;\n\n\nVue.use(plugin,{echarts});//作用插件使用\n<template>\n<EChartsref=&34;:option=&34;/>\n</template>\n\n\n<script>\nimportechartsfrom&39;;\nimport{createComponent}from&39;;\n\n\nexportdefault{\ncomponents:{\nECharts:createComponent(echarts),//作为组件使用\n},\ndata(){\nreturn{\noption:{/*…*/},\n};\n},\nmethods:{\ndoSomething(){\nthis.$refs.chart.inst.getWidth();//调用ECharts实例的方法\n}\n}\n}\n</scrip

项目效果演示

如果你想了解更多有关于项目的详细信息，点击下方了解更多即可前往项目主页查看。

END，本文到此结束，如果可以帮助到大家，还望关注本站哦！