生命周期 - 图1

    1. Page({
    2. data: {
    3. text: "This is page data."
    4. },
    5. onLoad: function(options) {
    6. // 页面创建时执行
    7. console.log('onLoad')
    8. },
    9. onShow: function() {
    10. // 页面出现在前台时执行
    11. console.log('onShow')
    12. },
    13. onReady: function() {
    14. // 页面首次渲染完毕时执行
    15. console.log('onReady')
    16. },
    17. onHide: function() {
    18. // 页面从前台变为后台时执行
    19. console.log('onHide')
    20. },
    21. onUnload: function() {
    22. // 页面销毁时执行
    23. console.log('onUnload')
    24. },
    25. onPullDownRefresh: function() {
    26. // 触发下拉刷新时执行
    27. console.log('onPullDownRefresh')
    28. },
    29. onReachBottom: function() {
    30. // 页面触底时执行
    31. console.log('onReachBottom')
    32. },
    33. onShareAppMessage: function() {
    34. // 页面被用户分享时执行
    35. console.log('onShareAppMessage')
    36. },
    37. onPageScroll: function() {
    38. // 页面滚动时执行
    39. console.log('onPageScroll')
    40. },
    41. onResize: function() {
    42. // 页面尺寸变化时执行
    43. console.log('onResize')
    44. },
    45. onTabItemTap(item) {
    46. // tab 点击时执行
    47. console.log(item.index)
    48. console.log(item.pagePath)
    49. console.log(item.text)
    50. },
    51. // 事件响应函数
    52. viewTap: function() {
    53. this.setData({
    54. text: 'Set some data for updating view.'
    55. }, function() {
    56. // this is setData callback
    57. console.log(this.data.text)
    58. })
    59. },
    60. // 自由数据
    61. customData: {
    62. hi: 'MINA'
    63. }
    64. })

    image.png
    onLoad>onShow>onReady