vue2 内怎么编写base64加密

Vue2中编写Base64加密或解密通常会使用JavaScript内置的`Buffer`对象或者第三方库如`js-base64`。这里以简单的示例说明如何在Vue组件内进行Base64编码：

<template>
  <button @click="encodeData">加密</button>
  <pre>{{ encodedData }}</pre>
</template>

<script>
import jsBase64 from 'js-base64';

export default {
  data() {
    return {
      originalData: 'Hello, Vue!', // 需要加密的数据
      encodedData: ''
    };
  },
  methods: {
    encodeData() {
      const base64Encoded = jsBase64.encode(this.originalData);
      this.encodedData = base64Encoded;
    }
  }
};
</script>

在这个例子中，当点击“加密”按钮时，`encodeData`方法会被调用，将`originalData`变量的内容编码为Base64格式，并更新`encodedData`属性显示结果。

如果需要解码，只需稍微修改一下方法即可：

decodeData() {
  const decodedData = jsBase64.decode(this.encodedData);
  console.log('Decoded:', decodedData);
}

记得在引入外部库时，需要安装`js-base64`，可以使用npm或yarn：

npm install js-base64
# 或者
yarn add js-base64