vue 图片base64解码

要在Vue中解码图片的Base64编码，可以使用以下步骤：

1. 首先，将Base64编码的图片数据存储在Vue组件的data属性中。

2. 然后，在Vue组件的template中，使用img标签来显示图片，并将src属性设置为data URL格式的Base64编码字符串。

3. 最后，在Vue组件的script中，使用Base64解码库来解码Base64编码的图片数据，并将解码后的数据赋值给data属性中的变量。

下面是一个示例代码，演示如何在Vue中解码图片的Base64编码：

<template>
  <div>
    <img :src="imageDataUrl" />
  </div>
</template>

<script>
import { Base64 } from 'js-base64';

export default {
  data() {
    return {
      imageDataUrl: '',
      base64ImageData: 'Base64编码的图片数据'
    };
  },
  mounted() {
    this.imageDataUrl = 'data:image/png;base64,' + Base64.decode(this.base64ImageData);
  }
};
</script>

在上面的代码中，我们首先引入了Base64解码库，然后在Vue组件的data属性中定义了两个变量：imageDataUrl和base64ImageData。其中，base64ImageData变量存储了Base64编码的图片数据。

在mounted钩子函数中，我们使用Base64解码库来解码base64ImageData变量中的数据，并将解码后的数据赋值给imageDataUrl变量。最后，我们将imageDataUrl变量的值设置为img标签的src属性，以显示解码后的图片。