获取用户信息：this.setData和getApp().globalData.userInfo;
最开始的WXML文件中，我们写下页面结构代码如下：
<image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image><text class="userinfo-nickname">{{userInfo.nickName}}</text>
并且再赋予一定的样式 “userinfo-avator”与“userinfo-nickname”
.userinfo-avatar{width: 128rpx;height: 128rpx;margin-top:20rpx;border-radius: 50%;background-color: rgba(215, 255, 209, 1);box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.4);
}
.userinfo-nickname{margin-top: 2%;color:
}
出来的效果是：
可以看到，有头像的圆框框，大小，边距，背景颜色，但是头像和昵称却没有渲染出来。因为我们并没有获取用户信息userInfo。无从获取userInfo.avatorUrl和userInfo.nickname，所以就无法渲染出来。
解决：想办法获取用户信息。
- 定义用户信息userInfo
- 获取用户信息getApp().globalData.userInfo
- 更新用户信息this.setData
我们在js文件中，onLoad函数写下如下代码段：
首先，页面得有相应的初始数据，定义初始信息，如下：
data: {userInfo: {},},
通过getApp().globalData.userInfo和this.setData来获取并且更新信息。
onLoad: function (options) {this.setData({userInfo:getApp().globalData.userInfo})},
最终效果：
获得了用户的头像，同时也获得了用户的昵称！！
其它获取用户信息的方法，请看通过open-data来获取用户信息
希望本文对你有所帮助，欢迎讨论交流学习！
