vue怎么将数据库中的图片显示到前端

在Vue中将数据库中的图片显示到前端，可以通过以下步骤实现：

1. 从数据库中获取图片的URL链接或者图片的二进制数据。

2. 在Vue的template中使用img标签，并将src属性绑定到获取到的URL链接或者图片的二进制数据。

例如，假设我们有一个数据库中存储了用户头像的URL链接，我们可以通过以下代码将用户的头像显示到前端：

<template>
  <div>
    <img :src="user.avatar_url" alt="user avatar">
  </div>
</template>

在上面的代码中，我们使用了Vue的动态绑定语法`:src`将用户头像的URL链接绑定到img标签的src属性上，从而实现了在前端显示数据库中的图片。

如果数据库中存储的是图片的二进制数据，我们可以使用base64编码将其转换为URL链接，然后再将其绑定到img标签的src属性上。例如：

<template>
  <div>
    <img :src="imageSrc" alt="image">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageData: null
    }
  },
  computed: {
    imageSrc() {
      if (this.imageData) {
        const base64Image = btoa(String.fromCharCode.apply(null, this.imageData));
        return `data:image/png;base64,${base64Image}`;
      } else {
        return '';
      }
    }
  },
  mounted() {
    // 从数据库中获取图片的二进制数据
    this.imageData = // 数据库中的图片二进制数据
  }
}
</script>

在上面的代码中，我们使用了computed属性将图片的二进制数据转换为base64编码的URL链接，并将其绑定到img标签的src属性上。