斷斷續(xù)續(xù)的學(xué)習(xí)，有不對之處，望各位大神指點。
前面的基本屬于基礎(chǔ)，屬于面子工程，就是給你的小程序披上一層美麗的外衣，是靜態(tài)的。后續(xù)會慢慢的了解微信曉城的API，努力去使用。（據(jù)說vue和小程序的有點類似，學(xué)過vue的對小程序容易上手）
1.運用組件獲取
open-data的type值.png
案例：
<open-data type="groupName" open-gid="xxxxxx"></open-data>
<open-data type="userAvatarUrl"></open-data>
<open-data type="userGender" lang="zh_CN"></open-data>
微信小程序中，可以直接使用<open-data type=" "></open-data> 來獲取微信的相關(guān)信息。在沒有點擊授權(quán)的情況下，直接獲取，不要寫js。
效果圖.png
wxml.png
2.點擊按鈕獲取相關(guān)信息（版本更新后的授權(quán)）
根據(jù)微信小程序范例 button組件介紹
button組件.png
button組件.png
button組件的open-data.png
授權(quán).png
效果圖.png
wxml.png
根據(jù)button組件中open-data屬性，點擊button，獲取用戶相關(guān)信息。通過判斷（wx:if,wx:else）是否存在hasUserInfo和canIUse，來進行頁面上表現(xiàn)形式。
js
1.判斷button中的open-data是否被支持
image.png
2.設(shè)置一些默認值
image.png
用hasUserInfo來作為if的判斷
3.點擊按鈕事件bindgetuserinfo="getUserInfo"
image.png
bindgetuserinfo：用戶點擊該按鈕時，會返回獲取到的用戶信息，回調(diào)的detail數(shù)據(jù)與wx.getUserInfo返回的一致
