vite+vue3+ts中md5的使用

在Vite + Vue 3 + TypeScript项目中使用md5，你需要先安装md5库。可以使用npm或者yarn来安装crypto-js库，它包含了md5加密算法。

1. 在终端中安装crypto-js库：

npm install crypto-js
# 或者
yarn add crypto-js

2. 在Vue组件中使用md5：

<template>
  <div>
    <p>Original message: "Hello, world!"</p>
    <p>MD5 hash: "{{ md5Hash }}"</p>
  </div>
</template>
 
<script lang="ts">
import { defineComponent, ref } from 'vue';
import CryptoJS from 'crypto-js';
 
export default defineComponent({
  setup() {
    const message = ref('Hello, world!');
    const md5Hash = ref('');
 
    md5Hash.value = CryptoJS.MD5(message.value).toString();
 
    return {
      message,
      md5Hash
    };
  }
});
</script>

在上面的代码中，我们首先导入了Vue和crypto-js库。然后，我们创建了一个ref变量message，它包含了我们想要进行md5加密的字符串。在setup函数中，我们使用CryptoJS.MD5方法来计算md5哈希，并将结果赋值给另一个ref变量md5Hash。最后，在模板中展示原始消息和md5哈希。