[TOC]
## 1.在page页面中定义的生命周期方法
```
onLoad 生命周期函数--监听页面加载
onShow 生命周期函数--监听页面显示
onReady 生命周期函数--监听页面初次渲染完成
onHide 生命周期函数--监听页面隐藏
onUnload 生命周期函数--监听页面卸载
```
```
1、小程序注册完成后，加载页面，触发onLoad方法，一个页面只会调用一次；
2、页面载入后触发onShow方法，显示页面，每次打开页面都会调用一次；
3、首次显示页面，会触发onReady方法，渲染页面和样式，一个页面只会调用一次；
4、当小程序后台运行或跳转到其他页面时，触发onHide方法；
5、当小程序从后台进入前台运行或重新载入页面时，触发onShow方法；
6、当使用wx.readirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack(),触发onUnload
```
## 2.组件传参
### 父子
```
<div data="{{data}}"></div>
子
properties: {
data:Object
},
```
### 子向父
```
子组件
var id = 1
this.triggerEvent("ding",id)
父组件绑定传过来的值：
bind:ding="onclick"
```
## 3.组件的生命周期
```
created 组件实例化，但节点树还未导入，因此这时不能用setData
attached 节点树完成，可以用setData渲染节点，但无法操作节点
ready 组件布局完成，这时可以获取节点信息，也可以操作节点
moved 组件实例被移动到树的另一个位置
detached 组件实例从节点树中移除
```
