vue密码md5加密(学习篇)

1、在终端安装md5

使用npm安装

npm install --save js-md5

如果有安装淘宝镜像，可使用cnpm安装

cnpm install --save js-md5

2、在vue页面中使用

先在main.js文件中，引入，并将md5挂在到vue原型上
引入

import md5 from 'js-md5'

挂载

Vue.prototype.$md5 = md5

使用

let pwd = '1qaz@WSX#EDC';//假设为密码
let newpwd = this.$md5(pwd);//加密
console.log(newpwd)//查看加密后的密码

3、在js文件中使用

引入

import md5 from 'js-md5'

使用

let pwd = '1qaz@WSX#EDC';//假设为密码
let newpwd = md5(pwd);//加密
console.log(newpwd)//查看加密后的密码

4、区别

挂载到原型，只需引入一次，后面直接使用。引入的话，每次使用都要引入，比较麻烦。