前端vue使用md5加密

在我们的项目中登录注册时通常会涉及密码，但是一般是明文密码，这时我们就需要对密码进行加密这里推荐使用md5

安装

npm install md5

使用

import md5 from 'md5'

password = md5(password) //加密

password = md5(md5(password).split('').reverse().join(''))  //更加严格的加密不易被破解

vue3案例演示

<template>
    <div>
        <input type="password" v-model="password">
    </div>
</template>

<script setup>
import {ref } from 'vue' //引入ref

import md5 from 'md5' //引入md5

let password = ref('') //定义密码

let pass = md5(md5(password).split('').reverse().join('')) //加密

setTimeout(()=>{  //5秒后打印加密后的密码
    console.log(pass);
},5000)

</script>