图片的src来自于后端返回值

如果图片的src来自于后端返回的数据，那么你可以在接收到数据后，将返回的值赋给组件实例的data属性中的某个属性（比如说imageSrc），然后在模板中使用这个属性来动态绑定img标签的src属性，如下所示：

<template>
  <img :src="imageSrc" alt="image">
</template>
<script>
  export default {
    data() {
      return {
        imageSrc: ''
      }
    },
    methods: {
      getImageUrl() {
        // 发送请求获取图片地址
        axios.get('/api/getImageUrl')
          .then(response => {
            this.imageSrc = response.data.imageUrl;
          })
          .catch(error => {
            console.log(error);
          });
      }
    },
    mounted() {
      this.getImageUrl();
    }
  }
</script>

在这个例子中，我们在组件实例的data属性中定义了一个名为imageSrc的属性，初始值为空字符串。在组件的methods选项中，我们定义了一个名为getImageUrl的方法，用来发送请求获取图片地址，并将返回的地址赋给imageSrc属性。在组件的mounted生命周期钩子中，我们调用getImageUrl方法，以获取图片地址并更新组件的状态。

在模板中，我们使用v-bind指令来动态绑定img标签的src属性，将其设置为imageSrc属性的值。当请求返回后，imageSrc属性的值会被更新，从而更新img标签的src属性。