vue md5加密

最新推荐文章于 2025-07-17 14:19:24 发布

转载最新推荐文章于 2025-07-17 14:19:24 发布 · 6.2k 阅读

文章标签：

#vue #md5

前端同时被 2 个专栏收录

23 篇文章

订阅专栏

vue

13 篇文章

订阅专栏

博客介绍了在Vue中使用MD5的相关内容，包含通过npm进行安装，还列举了三种使用方法，其中第三种与第二种类似，文章为转载内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、npm安装

	npm install --save js-md5

2、第一种使用方法

	在需要使用的项目文件中引入：
	import md5 from 'js-md5';
	
	使用：
	md5('hhhahaah')//612341288a285f5b188163482320e88f

3、第二种使用方法

	在main.js文件中将md5转换成vue原型：
	import md5 from 'js-md5';
	Vue.prototype.$md5 = md5;

	在需要用到的文件中使用：
	this.$md5('hhhahaah')//612341288a285f5b188163482320e88f

4、第三种使用方法（与第二种类似）

	新建test.js
	import md5 from 'js-md5'
	export default {
		install(Vue) {
			Vue.prototype.$md5 = md5;
		}
	}

	在main.js引入
	import Vue from 'vue'
	import App from './App.vue'
	import router from './assets/js/router.js'
	import store from './assets/js/store.js'
	
	import test from './assets/js/test.js'
	
	Vue.config.productionTip = false
	
	Vue.use(test)
	
	new Vue({
	  router,
	  store,
	  render: h => h(App),
	}).$mount('#app')

	在需要用到的文件中使用：
	this.$md5('hhhahaah')//612341288a285f5b188163482320e88f

本文转载自:https://blog.youkuaiyun.com/skyblacktoday/article/details/80255348