如何使用 firebase/nuxtjs 获取数据库数据

Question

我不知道如何通过

获取数据

this.$fire.database

我已经阅读了 firebase 文档，但在 firebase/nuxtJs 不同的情况下它变得更容易 https://firebase.nuxtjs.org/

在 firebase 文档中

import { getDatabase, ref, onValue} from "firebase/database";

const db = getDatabase();
const starCountRef = ref(db, 'posts/' + postId + '/starCount');
onValue(starCountRef, (snapshot) => {
  const data = snapshot.val();
  updateStarCount(postElement, data);
});

但是当我调用 onValue 时，它没有找到它

this.$fire.database.onValue()

nuxt.config.js 文件

  modules: [
    // https://go.nuxtjs.dev/axios
    '@nuxtjs/axios',
    [
      '@nuxtjs/firebase',
      {
        config: {
          apiKey: "<private data>",
          authDomain: "<private data>",
          projectId: "<private data>",
          storageBucket: "<private data>",
          messagingSenderId: "<private data>",
          appId: "<private data>"
        },
        services: {
          auth: true, // Just as example. Can be any other service.
          database: {
            emulatorPort: 3000,
            emulatorHost: 'localhost',
          }
        },
      }
    ]
  ],

Answer 1

简单

this.$fire.database.ref('name').on("value", function(e) {
  console.log(e.val())
})

简单说明：

ref("name")

在实时数据库中：

每当更改值时，函数将运行

如何使用 firebase/nuxtjs 获取数据库数据

How do I get database data using firebase/nuxtjs

javascript

firebase

firebase-realtime-database

nuxt.js