如何在vue.js中持续读取firebase实时数据库的数据变化

Question

我正在使用带有 cdn 模式的 vue.js 版本 2。 我创建了 2 个 vue 组件。 一个组件将数据推送到数据库，另一个组件将显示它。 下面是代码

 firebase.database().ref().on('value', function (data) { console.log("called"); console.log("data received " + JSON.stringify(data)); });

我想连续读取数据，但上面的方法不起作用。 它只读取一次数据。 如何解决这个问题，以便我可以连续读取数据？

Answer 1

我已经在 vue 中这样做了

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

onValue(Ref(db, path), (snapshot) => {
         // you get value here
         //snapshot.val());
    });

// where db is the main Database reference
// and path is the path inside db