小程序生命周期：
data:{} 页面的初始数据；
data的后面可以写wxml中绑定的事件，如showPopup() {}；
onLoad:function(options){} 监听页面加载；
onShow:function(){} 监听页面显示；
onHide:function(){} 监听页面隐藏；
onUnload:function(){} 监听页面卸载；
（bindtap和catchtap）点击事件
bindtap和catchtap都是当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。但是bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。
<view id="outer" bindtap="handleTap1"> outer view <view id="middle" catchtap="handleTap2"> middle view <view id="inner" bindtap="handleTap3">inner view </view></view></view> Page({ handleTap1:function(event){ //点击输出outer view bindtapconsole.log("outer view bindtap") }, handleTap2: function (event) { //点击输出middle viewconsole.log("middle view catchtap") }, handleTap3: function (event) { //点击输出inner view bindtap middle view catchtapconsole.log("inner view bindtap") },})<view id="outer" bindtap="handleTap1"> outer view <view id="middle" bindtap="handleTap2"> middle view <view id="inner" bindtap="handleTap3">inner view </view></view></view> Page({ handleTap1:function(event){ //点击输出outer view bindtapconsole.log("outer view bindtap") }, handleTap2: function (event) { //点击输出outer view bindtap middle viewconsole.log("middle view catchtap") }, handleTap3: function (event) { //点击输出outer view bindtap inner view bindtap middle view catchtap console.log("inner view bindtap")},})
