在Vue.js组件中从Firebase获取数据

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

const firebaseConfig = {
  apiKey: 'YOUR_API_KEY',
  authDomain: 'YOUR_AUTH_DOMAIN',
  databaseURL: 'YOUR_DATABASE_URL',
  projectId: 'YOUR_PROJECT_ID',
  storageBucket: 'YOUR_STORAGE_BUCKET',
  messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',
  appId: 'YOUR_APP_ID'
};

firebase.initializeApp(firebaseConfig);

data() {
  return {
    firebaseData: []
  };
},

created() {
  const database = firebase.database();
  const ref = database.ref('your_data_path');

  ref.on('value', (snapshot) => {
    this.firebaseData = snapshot.val();
  });
},

<template>
  <div>
    <ul>
      <li v-for="item in firebaseData" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>