1

我正在使用 vue 和 vuex 构建一个应用程序并将其连接到 Firebase，如下所示：

import firebase from 'firebase';
import "firebase/firestore";

firebase.initializeApp(firebaseConfig);
export const auth = firebase.auth();
export const db = firebase.firestore();

然后我导入auth和使用createUserWithEmailAndPassword，signInWithEmailAndPassword并signOut注册、登录和注销用户。

我现在要做的是跟踪谁登录并显示他们的电子邮件地址（例如）。我了解到我可以使用onAuthStateChangedlike

auth.onAuthStateChanged(function(user) {
   console.log(user);
});

但是我把这个放在哪里？以及如何使user变量在整个应用程序中可用？

我虽然将它保存到 vuex，但我从未见过这个并开始怀疑这是一个好方法。更重要的是，我的突变似乎被阻止了，mutations: vuexfireMutations以至于user即使我想也无法将其保存到商店。

感谢您的任何提示！

编辑：发现添加自己的突变vuexfireMutations是这样的：

  setUser(state, payload) {
    state.user = payload;
  },
  setError(state, payload) {
    state.error = payload;
  },
  ...vuexfireMutations,
4

0 回答 0