有没有办法使用Vue从url中动态加载图片？

<template>
  <div>
    <img :src="imageUrl" alt="动态加载的图片">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: '' // 初始化为空
    };
  },
  mounted() {
    // 在mounted钩子函数中，可以通过异步请求获取图片的URL
    // 假设通过API获取到的URL为response.data.imageUrl
    // 可以将其赋值给imageUrl属性
    this.getImageUrl().then(response => {
      this.imageUrl = response.data.imageUrl;
    });
  },
  methods: {
    getImageUrl() {
      // 这里可以使用axios或其他HTTP库发送异步请求获取图片的URL
      // 返回一个Promise对象
      return axios.get('/api/getImageUrl');
    }
  }
};
</script>