javascript

vue md5加密

1、npm安装

npm install --save js-md5

2、第一种使用方法

在需要使用的项目文件中引入：
import md5 from 'js-md5';

使用：
md5('hhhahaah')//612341288a285f5b188163482320e88f

3、第二种使用方法

在main.js文件中将md5转换成vue原型：

1
2
import md5 from 'js-md5';
Vue.prototype.$md5 = md5;

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

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

新建test.js

1
2
3
4
5
6
import md5 from 'js-md5'
export default {
    install(Vue) {
        Vue.prototype.$md5 = md5;
    }
}

在main.js引入

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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