vue实现sha256和sm34加密方式

对于 Vue 实现 SHA256 和 SM3-4 加密方式，可以在 Vue 组件中使用 JavaScript 进行实现，具体方法如下：

1. SHA256 加密方式的实现：

import { SHA256 } from 'crypto-js';

export default {
  methods: {
    sha256(str) {
      return SHA256(str).toString();
    }
  }
}

2. SM3-4 加密方式的实现：

import { SM3 } from 'jsrsasign';

export default {
  methods: {
    sm34(str) {
      const hash = new SM3().hexstr(str);
      return hash;
    }
  }
}

需要注意的是，以上代码使用了 crypto-js 库和 jsrsasign 库中的 SM3 类，需要在 Vue 项目中安装以下依赖：

npm install crypto-js jsrsasign

然后在 Vue 组件中引入依赖：

import { SHA256 } from 'crypto-js';
import { SM3 } from 'jsrsasign';

然后就可以在 Vue 组件中使用 sha256 和 sm34 方法进行加密了。

示例代码如下：

<template>
  <div>
    <h2>SHA256加密</h2>
    <p>原文: {{ message }}</p>
    <p>密文: {{ sha256Message }}</p>

    <h2>SM3-4加密</h2>
    <p>原文: {{ message }}</p>
    <p>密文: {{ sm34Message }}</p>
  </div>
</template>

<script>
import { SHA256 } from 'crypto-js';
import { SM3 } from 'jsrsasign';

export default {
  data() {
    return {
      message: 'hello, world!',
      sha256Message: '',
      sm34Message: ''
    }
  },
  created() {
    this.sha256Message = this.sha256(this.message);
    this.sm34Message = this.sm34(this.message);
  },
  methods: {
    sha256(str) {
      return SHA256(str).toString();
    },
    sm34(str) {
      const hash = new SM3().hexstr(str);
      return hash;
    }
  }
}
</script>