Как читать данные из базы данных Firebase в реальном времени с помощью Vue.js


Как читать данные из базы данных Firebase в реальном времени с помощью Vue.js

30.10.2020 12:05:01 Просмотров 48 Источник

Я пытаюсь утешить.регистрируйте документы в моей базе данных firebase realtime, но в настоящее время я получаю эту ошибку при попытке:

[Вю предупредить]: ошибка в созданные Хук: "ошибку TypeError: опорному пункту__WEBPACK_импортированный_модуль_2__.умолчанию.базе(...).вам это не функция"

Как я могу консольно регистрировать все мои документы в базе данных?

Вот моя попытка:

<script>
import firebase from "firebase";
const db = firebase.database();
export default {
  name: "Login",
  data() {
    return {
      user: {
        email: "",
        password: "",
      },
    };
  },
  methods: {
    userLogin() {
      firebase
        .auth()
        .signInWithEmailAndPassword(this.user.email, this.user.password)
        .then(() => {
          this.$router.push("/");
        })
        .catch((error) => {
          alert(error.message);
        });
    },
  },
  created() {
    firebase
      .database()
      .get()
      .then((snapshot) => {
        snapshot.forEach((doc) => {
          console.log(doc.data());
        });
      });
  },
};
</script>
У вопроса есть решение - Посмотреть?

Ответы - Как читать данные из базы данных Firebase в реальном времени с помощью Vue.js / How to read data from Firebase Realtime Database with Vue.js

Doug Stevenson

30.10.2020 12:08:48

Если вы используете модуль bundler, вы должны импортировать SDK Firebase, как показано в документации. Этот синтаксис предназначен для версии 8.0.0 или более поздней версии клиентского SDK:

import firebase from "firebase/app";
import "firebase/database";

Для предыдущих версий:

import * as firebase from "firebase/app";
Помочь в развитии проекта:
Закрыть X