在vue中使用国密SM4

在Vue.js中使用中国国家标准SM4算法进行加密通常需要结合JavaScript库，因为Vue本身并不内置这种加密功能。你可以使用`js-md5`、`crypto-js`或者专门针对AES/SM4操作的` SJCL (Secure JavaScript Cryptography Library)`这样的第三方库。

下面是一个简单的示例，假设你已经引入了`crypto-js`库：

// 引入 crypto-js
import CryptoJS from 'crypto-js';

export function encryptWithSM4(data, key) {
  // SM4加密，这里key应该是一个16字节的十六进制字符串
  const cipher = CryptoJS.SHA256(key).toString(CryptoJS.enc.Hex());
  const iv = CryptoJS.lib.WordArray.random(16); // 创建随机初始向量
  const encrypted = CryptoJS.SM4.encrypt(CryptoJS.WordArray.create(data), cipher, { iv: iv });

  return {
    ciphertext: encrypted.toString(), // 加密后的文本
    iv: iv.toString() // 初始化向量，用于解密时恢复原始数据流
  };
}

export function decryptWithSM4(ciphertext, iv, key) {
  const deciphered = CryptoJS.SM4.decrypt(CryptoJS.parseBase64String(ciphertext), key, { iv: CryptoJS.parseBase64String(iv) });
  return deciphered.toString(CryptoJS.enc.Utf8);
}

使用时，你需要提供明文数据`data`，密钥`key`以及加密时生成的初始化向量`iv`来进行加密或解密操作。