您现在的位置是：网站首页> 编程资料编程资料
vue3使用echart的两种引入方式以及注意事项说明_vue.js_
2023-05-24
338人已围观
简介 vue3使用echart的两种引入方式以及注意事项说明_vue.js_
创建好vue3项目后安装echarts
终端输入：
npm i echarts --save
安装好后：
1.直接在组件中引用echarts
2.全局引入，一般在app.vue
app.vue (provide 和 inject的使用)
在需要用echarts的组件中用inject获取
注意！！！vue挂载 、echarts渲染 、数据获取三者的时间顺序
1.先讲vue挂载和echarts渲染
拿挂网的入门例子来说。（vue3 版本）
以上为个人经验，希望能给大家一个参考，也希望大家多多支持。
您可能感兴趣的文章:
相关内容
- vuex新手进阶篇之actions的使用方法_vue.js_
- babel插件去除console示例详解_javascript技巧_
- vuex新手进阶篇之改变state mutations的使用_vue.js_
- vue3+ts+echarts实现按需引入和类型界定方式_vue.js_
- Vue收集依赖与触发依赖源码刨析_vue.js_
- Vue使用正则校验文本框为正整数_vue.js_
- Vue3组件挂载之创建组件实例详解_vue.js_
- Nodejs读取本地json文件,输出json数据接口方式_node.js_
- Vue数据变化后页面更新详细介绍_vue.js_
- vue实现input文本框只能输入0-99的正整数问题_vue.js_
