小程序模板网

微信小程序学习笔记《一》:页面的生命周期与参数传递

作者:BillyJiang,来自原文地址

页面的生命周期 
页面跳转的数据传递

1.了解页面的生命周期(利用quickstart项目) 
index.wxml

 

				
  1. <view class="container">
  2. <view class="usermotto">
  3. <text class="user-motto" >文章1</text>
  4. </view>
  5. <view class="usermotto">
  6. <text class="user-motto">文章2</text>
  7. </view>
  8. </view>

index.js

 

				
  1. Page({
  2. data:{
  3.  
  4. },
  5. onLoad:function(options){
  6. // 生命周期函数--监听页面加载
  7. console.log("index onLoad")
  8. },
  9. onReady:function(){
  10. // 生命周期函数--监听页面初次渲染完成
  11. console.log("index onReady")
  12. },
  13. onShow:function(){
  14. // 生命周期函数--监听页面显示
  15. console.log("index onShow")
  16. },
  17. onHide:function(){
  18. // 生命周期函数--监听页面隐藏
  19. console.log("index onHide")
  20. },
  21. onUnload:function(){
  22. // 生命周期函数--监听页面卸载
  23. console.log("index onUnload")
  24. },
  25. onPullDownRefresh: function() {
  26. // 页面相关事件处理函数--监听用户下拉动作
  27. String7
  28. },
  29. onReachBottom: function() {
  30. // 页面上拉触底事件的处理函数
  31. String8
  32. },
  33. onShareAppMessage: function() {
  34. // 用户点击右上角分享
  35. return {
  36. title: 'title', // 分享标题
  37. desc: 'desc', // 分享描述
  38. path: 'path' // 分享路径
  39. }
  40. }
  41. })

logs.js

 

				
  1. Page({
  2. data:{
  3.  
  4. },
  5. onLoad:function(options){
  6. // 生命周期函数--监听页面加载
  7. console.log("log onLoad")
  8. },
  9. onReady:function(){
  10. // 生命周期函数--监听页面初次渲染完成
  11. console.log("log onReady")
  12. },
  13. onShow:function(){
  14. // 生命周期函数--监听页面显示
  15. console.log("log onShow")
  16. },
  17. onHide:function(){
  18. // 生命周期函数--监听页面隐藏
  19. console.log("log onHide")
  20. },


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23402.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询