小程序生命周期钩子函数&vue生命周期04

生命周期：

生命周期是指一个小程序从创建到销毁的一系列过程。

小程序的两种生命周期

在小程序中 ，通过App（）来注册一个小程序 ，通过Page()来注册一个页面。

#1. 小程序应用的生命周期
App()函数用来注册一个小程序。接受一个 Object参数，其指定小程序的生命周期回调等。App() 必须在 app.js 中调用，必须调用且只能调用一次。

App({
  	onLaunch: function(options) {
    	// 监听小程序初始化。小程序初始化完成时（全局只触发一次）
  	},
  	onShow: function(options) {
    	// 监听小程序显示。小程序启动，或从后台进入前台显示时
  	},
  	onHide: function() {
    	// 监听小程序隐藏。小程序从前台进入后台时。
  	},
  	onError: function(msg) {
    	console.log(msg) 	// 错误监听函数。小程序发生脚本错误，或者 api 调用失败时触发，会带上错误信息
  	},
  	onPageNotFound: function(res) {
    	// 页面不存在监听函数。小程序要打开的页面不存在时触发，会带上页面信息回调该函数
  	},
  	globalData: 'I am global data'
})

前台、后台定义： 当用户点击左上角关闭，或者按了设备 Home 键离开微信，小程序并没有直接销毁，而是进入了后台；当再次进入微信或再次打开小程序，又会从后台进入前台。

1. 用户首次打开小程序，触发 onLaunch 方法（全局只触发一次）。
2. 小程序初始化完成后，触发 onShow 方法，监听小程序显示。
3. 小程序从前台进入后台，触发 onHide 方法。
4. 小程序从后台进入前台显示，触发 onShow 方法。
5. 小程序后台运行一定时间，或系统资源占用过高，会被销毁。
   全局的 getApp() 函数可以用来获取到小程序 App 实例。
   注意：
   `
6. 不要在定义于 App() 内的函数中调用 getApp() ，使用 this 就可以拿到 app 实例。
7. 通过 getApp() 获取实例之后，不要私自调用生命周期函数。
   从中我们可以知道小程序的生命周期函数的调用顺序为：onLaunch>onShow>onHide`

2. 页面的生命周期

Page(Object)函数用来注册一个页面。接受一个 Object类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。
`

Page({
  	data: {
    	// 页面的初始数据
    	text: "This is page data."
  	},
  	onLoad: function(options) {
    	// 生命周期回调—监听页面加载
  	},
  	onReady: function() {
    	// 生命周期回调—监听页面初次渲染完成
  	},
  	o