如何在我的Vue组件中使用Crypto-JS的AES加密功能来加密和解密用户的密码

要在Vue组件中使用CryptoJS库的AES加密功能，首先需要安装依赖。如果你还没有安装，可以在项目目录下运行：

npm install crypto-js

然后，在Vue组件里，你可以这样做：

1. 导入CryptoJS库：

import * as CryptoJS from 'crypto-js';

2. 创建一个函数来进行AES加密：

export default {
  methods: {
    encryptPassword(password) {
      // 使用AES-256-CBC模式（或者其他你喜欢的模式）
      const key = CryptoJS.lib.WordArray.random(32); // 生成一个随机的128位秘钥
      const iv = CryptoJS.lib.WordArray.random(16); // 生成一个随机的128位初始化向量

      const cipher = CryptoJS.AES.encrypt(
        password,
        key,
        { mode: CryptoJS.mode.CBC, iv: iv }
      );

      return {
        encryptedText: cipher.toString(CryptoJS.enc.Base64),
        key: base64Encode(key), // 需要将key转换成Base64以便存储或传输
        iv: base64Encode(iv)
      };
    },
    decryptPassword(encryptedText, key, iv) {
      const decodedKey = base64Decode(key);
      const decodedIv = base64Decode(iv);
      const decipher = CryptoJS.AES.decrypt(
        encryptedText,
        decodedKey,
        { mode: CryptoJS.mode.CBC, iv: decodedIv }
      );
      
      return decipher.toString(CryptoJS.enc.Utf8);
    },
  }
};
// 其中base64Encode 和 base64Decode是自定义的函数，用于Base64编码和解码

当你需要加密用户密码时，调用`encryptPassword(password)`；解密时，则传递加密后的文本以及存储的key和iv。