使用 vuejs 在 firebase 中检索当前用户数据的步骤答案

【问题标题】：Steps to retrieve current user data in firebase using vuejs使用 vuejs 在 firebase 中检索当前用户数据的步骤
【发布时间】：2018-04-16 14:06:11
【问题描述】：

我正在创建一个应用程序，只有我在 firebase 中手动创建的用户才能登录。

该应用程序包含一个用于收集用户信息的多步骤表单。例如：
Step1 ==> 收集用户基本信息
Step2 ==> 用户公司信息

我希望用户能够重新登录，查看填充了他的数据的表单字段，并允许他在需要时对其进行编辑。

到目前为止，我有一个多步骤表单，可以将数据发送到 firebase。我正在使用 vuex 和 vuefire。

我了解我可以通过两种方式检索数据：导航前/导航后 (https://router.vuejs.org/en/advanced/data-fetching.html)

我是否应该使用 currentuser uid 在数据库中创建一个子对象，然后使用诸如“”之类的动态路由来引用数据库

db.ref('forms/' + user.uid)

我是一个初学者，我不知道该怎么做，也不知道这是否是正确的思考方式。 您将如何检索特定用户的数据并将该数据推送到每个字段中？

似乎存在一个 vuexfire https://github.com/chrisbraddock/vuefire-auth-demo 可以解决这个问题吗？

【问题讨论】：

标签： firebase vue.js vuex vuefire

【解决方案1】：

我不熟悉 vuefire，但我会请求如下用户数据

// for getting data once
let uid = firebase.auth().currentUser.uid;
let dbRef = "users/"+uid;
firebase.database().ref(dbRef).once("value", snap => {
    let email = snap.val().email;
    ...
})

// for realtime updates
let uid = firebase.auth().currentUser.uid;
let dbRef = "users/"+uid;
firebase.database().ref(dbRef).on("value", snap => {
    this.yourVueObject = snap.val().yourData
});

【讨论】：