vue base64

Vue 中可以使用 `btoa` 和 `atob` 函数来处理 Base64 编码和解码。`btoa` 函数可以将字符串转为 Base64 编码，而 `atob` 函数可以将 Base64 编码解码为原始字符串。

以下是一个示例：

// 编码为 Base64
let str = 'Hello, World!';
let base64Str = btoa(str);
console.log(base64Str); // 输出: "SGV＊＊＊G8sIFdvcmxkIQ=="

// 解码 Base64
let decodedStr = atob(base64Str);
console.log(decodedStr); // 输出: "Hello, World!"

在 Vue 组件中，您可以在需要的地方使用这些函数来处理 Base64 编码和解码。例如，在模板中使用计算属性：

<template>
  <div>
    <p>原始字符串: {{ originalString }}</p>
    <p>Base64 编码: {{ base64String }}</p>
    <p>解码结果: {{ decodedString }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      originalString: 'Hello, World!',
      base64String: '',
      decodedString: ''
    };
  },
  computed: {
    base64String() {
      return btoa(this.originalString);
    },
    decodedString() {
      return atob(this.base64String);
    }
  }
};
</script>

这样，模板中会根据 `originalString` 的值动态计算出相应的 Base64 编码和解码结果。注意，在使用 `atob` 函数解码时，如果传入的 Base64 字符串不合法，会抛出一个异常，所以在实际应用中可能需要做一些错误处理。