如何将Vue中的选定表单选项保存到Firebase

<template>
  <div>
    <label for="fruit">Choose your favorite fruit:</label>
    <select id="fruit" v-model="selectedFruit">
      <option value="apple">Apple</option>
      <option value="banana">Banana</option>
      <option value="orange">Orange</option>
    </select>
  </div>
</template>

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

export default {
  data() {
    return {
      selectedFruit: '',
    };
  },
  mounted() {
    // 初始化Firebase
    const firebaseConfig = {
      // Firebase配置信息
    };
    firebase.initializeApp(firebaseConfig);

    // 创建Firebase数据库引用
    this.db = firebase.database();
  },
  watch: {
    selectedFruit(newValue) {
      // 保存数据到Firebase
      this.db.ref('selectedFruit').set(newValue);
    },
  },
};
</script>