VueJS中的Firebase集合组查询

import firebase from 'firebase/app';
import 'firebase/firestore';

const firebaseConfig = {
  // Firebase配置信息
};

firebase.initializeApp(firebaseConfig);

export const db = firebase.firestore();

export default {
  data() {
    return {
      users: [],
    };
  },
  mounted() {
    db.collection('users')
      .where('age', '>', 18)
      .orderBy('name')
      .get()
      .then((querySnapshot) => {
        querySnapshot.forEach((doc) => {
          this.users.push(doc.data());
        });
      })
      .catch((error) => {
        console.error('Error getting documents: ', error);
      });
  },
};

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