如何使用v-bind显示firebase存储中的图像？

<img v-bind:src="imageUrl">

<template>
  <div>
    <img v-bind:src="imageUrl" alt="Firebase Image">
  </div>
</template>

<script>
import firebase from 'firebase/app';
import 'firebase/storage';

export default {
  data() {
    return {
      imageUrl: '', // 存储图像URL的变量
    };
  },
  created() {
    // 初始化Firebase
    firebase.initializeApp({
      // Firebase 配置
    });

    // 获取图像URL
    const storageRef = firebase.storage().ref();
    const imageRef = storageRef.child('images/image.jpg');
    imageRef.getDownloadURL()
      .then((url) => {
        this.imageUrl = url; // 将获取到的URL赋值给imageUrl变量
      })
      .catch((error) => {
        console.log(error);
      });
  },
};
</script>