vue aes 加密crypto-js

Vue.js 和 Crypto-JS 是两个常用于前端开发的库，Crypto-JS 提供了丰富的加密算法，包括AES（Advanced Encryption Standard）在内的多种对称加密和哈希函数。在 Vue 中，你可以利用 Crypto-JS 对用户数据进行 AES 加密处理，以保护敏感信息的安全传输。

以下是使用 Crypto-JS 在 Vue 组件中进行 AES 加密的基本步骤：

1. 首先，在项目中安装 Crypto-JS：

   npm install crypto-js

2. 在你的 Vue 文件中引入 `CryptoJS`：

   import * as CryptoJS from 'crypto-js';

3. 创建一个方法来进行 AES 加密，例如：

   export default {
     methods: {
       encryptData(data, key) {
         const iv = CryptoJS.lib.WordArray.random(16); // 生成随机初始化向量
         const encrypted = CryptoJS.AES.encrypt(JSON.stringify(data), key, { iv: iv });
         return {
           ciphertext: encrypted.toString(CryptoJS.enc.Base64),
           iv: iv.toString(CryptoJS.enc.Hex)
         };
       },
       decryptData(ciphertext, key, iv) {
         const bytes = CryptoJS.lib.WordArray.parse(atob(ciphertext), { base64: true });
         const decrypted = CryptoJS.AES.decrypt({ cty: CryptoJS.enc.Utf8.parse(ciphertext), iv }, key);
         return JSON.parse(decrypted.toString(CryptoJS.enc.Utf8));
       }
     }
   };

在这个例子中，`encryptData` 方法接受要加密的数据和密钥，然后返回加密后的 Base64 编码的密文以及IV。`decryptData` 则负责解密数据。