小程序学习打卡(一)

官方文档真香
https://developers.weixin.qq.com/miniprogram/dev/framework/


1.在js中修改data

与vue不同,写在js中的方法不能直接通过this.修改data,需要如下在setData中修改

this.setData({
  message:this.message++
})

2.生命周期
app也有生命周期,常在onLaunch中获得用户信息(一般只调用一次),在onShow(options)中的options.scene可以知道是以何种方式进入的小程序

3.用户信息的获取
(1)直接调用api,但有下架的风险

wx.getUserInfo({
        success:(res)=>{
          console.log(res)  
 }
})

(2)通过按钮的bindgetuserinfo方法(注意open-type得写)


//在js的方法
get(e){
  e.detail
}

(3)通过open-data标签直接展示,想展示的数据名称可以去官网查


4.全局数据
全局数据类似于vue的vuex,每个page都可以访问得到,方式如下:

//在app.js中写一个对象
globalData(){
  message:"aa"
}
//在需要访问的page的js
const app=getApp()
app.globalData.message

你可能感兴趣的:(小程序学习打卡(一))