Javascript 无法将数据从firebase.auth签名到我的数据变量

在将用户数据从firebase auth分配到我的局部变量时遇到问题。在Vue实例中，已“创建”生命周期挂钩，我调用firebase auth函数以获取身份验证状态，在该函数调用中，我希望将用户数据分配到我的fireUser变量。我在该变量后抛出console.log，它的打印正确，但是如果我想在页面上显示它，它是空白的。我想这与承诺有关，但不能放在一起。提前谢谢你的帮助

let storage=firebase.initializeAppconfig； 设db=storage.database； 让usersRef=db.ref'users'； //Vue实例 var app=新的Vue{ el:“应用程序”， 火基：{ userDb:usersRef }, 数据：{ 人:{ 电邮：， 密码： }, 用户：{ 姓名：， 说明：， 照片网址：， 学习杂志： }, 用户：[]， fireUser： }, 方法：{ //将数据发布到Firebase 提交{ usersRef.pushthis.user； this.user=； }, 登记册{ firebase.auth.createUserWithEmailAndPasswordthis.person.email，this.person.password.CatchFunction错误{ //在这里处理错误。 var errorCode=error.code； var errorMessage=error.message； // ... }; 这个人=； }, 登录{ firebase.auth.Signin with email和PasswordThis.person.email、this.person.password.CatchFunction错误{ //在这里处理错误。 var errorCode=error.code； var errorMessage=error.message； // ... }; }, 注销{ firebase.auth.signOut.then函数{ //成功注销。 控制台。记录“注销”； }.catch函数错误{ //发生了一个错误。 }; } }, 创造{ firebase.auth.onAuthStateChangedfunctionuser{ 如果用户{ this.fireUser=用户； console.loguser； console.log'user'，this.fireUser； }否则{ //没有用户登录。 } }; } }; SEPCO:Elium第页 SEPCO Elium九月队列第页 欢迎

这是Elium九月队列的协作页面。这是一个协作文档的开始，它迫切需要您的输入！因此，请深入代码，让这个页面更漂亮、更智能、内容更丰富，当然还有JavaScript更丰富

我们在codewars.com上的家族名称：SEPCO 我们希望如何一起准备的基础知识。 会面，共同确定里程碑，然后分享你取得的进展，例如，使用Slack中的民意测验，例如每个人都完成了Watch and Code.com课程吗？ 每天安排2小时的闲逛时间，人们将在线工作/学习，这是非强制性的。涂鸦邀请1 从9月28日开始，每周五出现一次代码战问题。涂鸦邀请2答案将出现在plunkr上 分享你的plunker/codepen/glitch网站！我们建议采用两种方法： 我们将使用这些代码共享网站帐户向小组分享我们所学到的内容，分享有趣的项目！以及完成后的代码战争问题 制作一份学习日志，在这里你可以写下你学到了什么以及你的个人目标是什么，这也是链接到你所做的任何其他plunker/codepen/glitch创作的理想场所。此学习日志的URL应放在您的对象中，请参见第3部分。在下面 HTML和CSS将在两周内进行更多讨论，因为这可以在最后学习 共享里程碑

我们希望在9月10日之前完成以下工作

决定：在watchandcode上完成实用的javascript PJS 建议：附加JavaScript定义技能/概念列表 重温：8月的第一周：基本HTML 重温：8月第一周：基本CSS 重访：8月第一周：吉特 关于队列成员的信息及其在plunker上的学习日志链接 队列是一个数组，每个成员都是一个对象。深入源代码并添加一个包含详细信息的对象。然后，我们需要尽快让这一部分变得更好/更漂亮的人查看源代码

电子邮件 暗语 提交 电子邮件 暗语 提交 {{fireUser}}

{{people.name} {{people.description}}

姓名： 对你的描述： 图片Url: Plunker Url: 提交 回调中的此变量未引用Vue实例

您需要在回调外部设置对Vue实例的引用，然后在设置响应中的数据时使用该引用：

created(){
  let self = this;
  firebase.auth().onAuthStateChanged(function(user) {
    if (user) {
      self.fireUser = user;
...

---

谢谢。这真的很有帮助。@StepasLoiba如果这回答了你的问题，你应该接受它：等你有了名声，你也可以投票。