Vue.js Can'；是否将对象从方法传递到数据变量？

On mounted->调用

GoogleSignIn（）

方法，该方法从Google帐户获取

var user

，然后我让它将对象从

var user

传递到名为

localUser

的数据变量。但是，当我试图在

{{localUser.displayName}}

中显示它时，什么都没有发生，甚至没有收到错误消息

我尝试使用的是：

这个.$data.localUser=user

，它是一个Vue 0x引用，但不起作用。 我还尝试将

localUser

类型设置为

Object

或

String

。 我玩得更多了，但一个半小时后就没法用了

到目前为止，唯一对我有效的方法是在设置

this.Localuser=user之后，创建一个控制台日志
console.log（“Localuser:+this.Localuser.displayName”）
（都在方法中）



{{localUser.displayName}
从“../router”导入路由器
导出默认值{
名称：'登录'，
组成部分：{
},
数据：函数（）{
返回{
本地用户：{}
}
},
方法：{
谷歌签名：功能（事件）{
var provider=new firebase.auth.GoogleAuthProvider（）；
firebase.auth（）.languageCode='pt'；
firebase.auth（）.onAuthStateChanged（函数（用户）{
如果（用户）{
//如果已经登录。
console.log（user.displayName）；
this.localUser=user；
//这个console.log实际上可以工作并记录Google帐户名
log（“Localuser:+this.Localuser.displayName）
//路由器。推送（“主页”）；
}否则{
//如果没有人登录。
firebase.auth（）.signInWithPopup（提供程序）。然后（函数（结果）{
console.log（“登录”）；
var token=result.credential.accessToken；
var user=result.user；
this.localUser=user；
log（“Localuser:+this.Localuser.displayName）
}).catch（函数（错误）{
var errorCode=error.code；
var errorMessage=error.message；
var email=error.email；
//使用的firebase.auth.AuthCredential类型。
var-credential=error.credential；
控制台日志（错误消息）；
});
}
});
}
},
安装的（）{
控制台日志（“已安装”）；
这个。谷歌签名（）；
}
}
当您在firebase auth函数中调用
this.localUser
时，
this
将成为该函数中的引用。除此之外，你可以做
let self=this
然后调用
self.localUser=user
或将其转换为ES6语法，而不是
onAuthStateChanged（函数（用户）{}）
您可以执行
onAuthStateChanged（（用户）=>{}）
非常感谢@swonder，工作非常好！很乐意帮忙。：）在firebase auth函数内调用
this.localUser
时，
this
将成为该函数内的引用。除此之外，你可以做
let self=this
然后调用
self.localUser=user
或将其转换为ES6语法，而不是
onAuthStateChanged（函数（用户）{}）
您可以执行
onAuthStateChanged（（用户）=>{}）
非常感谢@swonder，工作非常好！很乐意帮忙。：）