vue如何显示二进制流图片

在Vue中，可以通过使用`<img>`标签和将二进制数据作为base64字符串来显示二进制流图片。下面是一个示例：

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

<script>
export default {
  data() {
    return {
      imageData: null
    };
  },
  mounted() {
    this.getImageData();
  },
  methods: {
    async getImageData() {
      const response = await fetch('https://example.com/image.jpg');
      const blob = await response.blob();
      const reader = new FileReader();
      reader.readAsDataURL(blob);
      reader.onloadend = () => {
        this.imageData = reader.result;
      };
    }
  }
};
</script>

在这个例子中，通过fetch API获取二进制数据，然后使用FileReader将其转换为base64格式的字符串，并将其赋值给data中的`imageData`属性。最后，在模板中使用`<img>`标签并将`imageData`作为`src`属性的值即可显示图片。