使用vuejs

Question

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

该应用程序包含一个用于收集用户信息的多步骤表单。例如：
第1步 ==＆gt;收集用户一般信息
Step2 ==＆gt;有关用户公司的信息

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

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

我知道我可以通过两种方式检索数据：导航前/后（https://router.vuejs.org/en/advanced/data-fetching.html）

我应该使用currentuser uid在数据库中创建子项，然后使用动态路由引用数据库，例如＆＃34;

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

我是一名初学者，我不知道如何解决这个问题，如果这是正确的思考方式。 您将如何检索特定用户的数据并将该数据推送到每个字段？

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

Answer 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
});