vue脚手架使用md5加密

在Vue脚手架项目中使用md5加密，首先需要安装一个名为crypto-js的库，然后使用它进行md5加密。以下是具体步骤：

1. 安装crypto-js库：

npm install crypto-js --save

1. 在Vue组件中使用crypto-js进行md5加密：

<template>
  <div>
    <input v-model="inputText" placeholder="请输入文本" />
    <button @click="encrypt">加密</button>
    <p>加密后的结果：{{ encryptedText }}</p>
  </div>
</template>

<script>
import CryptoJS from 'crypto-js';

export default {
  data() {
    return {
      inputText: '',
      encryptedText: '',
    };
  },
  methods: {
    encrypt() {
      this.encryptedText = CryptoJS.MD5(this.inputText).toString();
    },
  },
};
</script>

在这个示例中，我们创建了一个简单的Vue组件，包含一个输入框、一个按钮和一个显示加密结果的段落。当用户点击“加密”按钮时，会触发encrypt方法，该方法使用crypto-js库对输入的文本进行md5加密，并将加密后的结果显示在页面上。