vue相关第三方插件的引用

最新推荐文章于 2024-07-20 15:24:14 发布

qianghuafeifeifei

最新推荐文章于 2024-07-20 15:24:14 发布

阅读量855

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qianghuafeifeifei/article/details/89360344

版权

本文介绍了如何在Vue项目中集成和使用MD5、ECharts、Axios、jQuery以及ElementUI框架。详细步骤包括安装npm包，以及在组件内和全局范围内的引用方法。例如，使用md5进行哈希加密，通过ECharts创建图表，利用Axios进行HTTP请求，引入jQuery操作DOM，以及整合ElementUI提升界面交互体验。

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

一、md5的使用
1、下载MD5js
npm install --save js-md5
2、组件里需要使用时，如下：
import md5 from ‘js-md5’;
md5(‘hello’)

二、echars的使用
1、下载echarts
npm install echarts -S
2、全局使用
import echarts from ‘echarts’
Vue.prototype. $KaTeX parse error: Expected '}', got 'EOF' at end of input: \dotsmyChart = this.$ echarts.init(dom);
let app = {};
let option = null;
option = this.lineData;
if (option && typeof option === “object”) {
myChart.setOption(option, true);
}
}
3、局部使用
import echarts from “echarts”;
line() {
let id = this.chartId;
let dom = document.getElementById(id);
dom.style.width = this.chartStyle.width;
dom.style.height = this.chartStyle.height;
let myChart = echarts.init(dom);