echarts 为例讲解 uni-app 如何引用 npm 第三方库
发布日期:2021-07-30 08:08:48
浏览次数:8
分类:技术文章
本文共 553 字,大约阅读时间需要 1 分钟。
- 下载第三方库 uni-app 使用了 mpvue 的部分代码,所以我们的 echarts 库使用兼用 mpvue 版本的 mpvue-echarts,同时需要引用百度的 echarts。
下载流程如下:
创建一个空的文件夹如:test-echarts。
进入 test-echarts 打开命令行工具,执行 npm init 一路回车即可。 下载第三方库:npm install echarts mpvue-echarts --save。 进入 node_modules 目录,里面的三个目录:echarts、mpvue-echats 、zrender 就是我们需要的第三方库。 2. 创建uni-app工程 在 HBuilderX 里面新建 uni-app,将将刚才下载的三个文件夹拷贝到项目根目录,最终项目截图如下: 3. 在uni-app里面使用第三方库 和一般的 vue 项目引用第三方库的方法一样,如下所示,这样我们就能在工程里面使用 echarts 和 mpvue-echarts 了。import * as echarts from 'echarts' import mpvueEcharts from 'mpvue-echarts'
本示例源码在附件工程里面,下面是部分代码和效果截图:
转载地址:https://blog.csdn.net/u011619323/article/details/117391109 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
感谢大佬
[***.8.128.20]2024年11月05日 06时35分51秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
如何指定个别属性进行transition过渡
2019-06-11
Python爬虫基础--分布式爬取贝壳网房屋信息(Client)
2019-06-11
jmeter(十二)关联之正则表达式提取器
2019-06-11
win7系统复制文件到u盘提示文件过大怎么办
2019-06-11
KMP算法
2019-06-11
串口屏的特点和开发步骤 + 最好的串口屏产品推荐 .....!
2019-06-11
数据验证
2019-06-11
JAVAWeb---HttpServletResponse中的方法
2019-06-11
一个不错的界面原型制作工具(Balsamiq Mockups)
2019-06-11
通过eclipse的egit插件提交提示Auth fail
2019-06-11
对象序列化
2019-06-11
UVA 208 Firetruck (DFS+剪枝)
2019-06-11
windows设置电脑的固定IP
2019-06-11
Python
2019-06-11
犀牛Phinoceros 如何切换中文语言
2019-06-11
Win7如何解决精简版的迅雷7无法运行
2019-06-11
C#.NET常见问题(FAQ)-如何判断某个字符是否为汉字
2019-06-11
直接用postman测试api ,服务器端没提供跨域也可以访问。
2019-06-11
数据的类型以及内置方法
2019-06-11