微信小程序笔记（三）

app的生命周期

• onLaunch 生命周期函数--监听小程序初始化 当小程序初始化完成时，会触发

• onLaunch（全局只触发一次）

• onShow 生命周期函数--监听小程序显示 当小程序启动，或从后台进入前台显示，会触发 onShow

• onHide 生命周期函数--监听小程序隐藏 当小程序从前台进入后台，会触发 onHide

• onError 错误监听函数 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息

页面的生命周期

• onLoad: 页面加载
  一个页面只会调用一次。
  接收页面参数 可以获取wx.navigateTo和wx.redirectTo及<navigator/>中的 query。

• onShow: 页面显示
  每次打开页面都会调用一次。

• onReady: 页面初次渲染完成
  一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。

• onHide: 页面隐藏
  当navigateTo或底部tab切换时调用。

• onUnload: 页面卸载
  当redirectTo或navigateBack的时候调用。

页面的跳转（三种）

1. wx.navigateTo()函数（保留当前页面，跳转到某个页面，使用wx.navigateBack()可以返回原页面）
2. wx.redirectTo()函数（先关闭当前页面，跳转到应用内的某个页面）
3. 使用组件<navigator>

页面跳转的数据传递

wx.navigateTo({
    url:"pages/home/home"
});

参数传递至下一页面，则只需要在路径后面，添加？问号，？后面接的是参数，以key－value的方式，如：

wx.navigateTo({
    url:"pages/home/home?id=1"
});

然后在home.js中的onLoad()函数中得到值：option.id就可以得到了，如下

onLoad: function (option) {
    this.setData({
        id:option.id,
    });
    console.log(option.id);
}
//onload中的option是跳转页面拿到的参数