小程序学习打卡(一)

官方文档真香
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得写)

<button open-type="getUserInfo" bindgetuserinfo="get">点击获取用户信息</button>
//在js的方法
get(e){
  e.detail
}

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

<open-data type=" 想展示的数据"></open-data>

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

//在app.js中写一个对象
globalData(){
  message:"aa"
}
//在需要访问的page的js
const app=getApp()
app.globalData.message
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容