如何使用Vuejs将多个镜像添加到Firebase实时数据库？

import firebase from 'firebase/app';
import 'firebase/database';

const firebaseConfig = {
  // 在这里填入你的Firebase配置信息
};

firebase.initializeApp(firebaseConfig);

<template>
  <div>
    <input v-model="imageUrl" type="text" placeholder="镜像URL">
    <button @click="addImage">添加镜像</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: '',
    };
  },
  methods: {
    addImage() {
      // 将镜像URL添加到Firebase实时数据库
      firebase.database().ref('images').push({
        imageUrl: this.imageUrl,
      });
      this.imageUrl = ''; // 清空输入框
    },
  },
};
</script>

import Vue from 'vue';
import App from './App.vue';

new Vue({
  render: (h) => h(App),
}).$mount('#app');