退出系统
2.0 版本 weex 版本

graceUI - weex 教程 - 生命周期

weex 生命周期

beforeCreate    在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用    
created    在实例创建完成后被立即调用    
beforeMount    在挂载开始之前被调用    
mounted    el 被新创建的 vm.$el 替换时调用    
beforeUpdate    数据更新时调用    
updated    页面元素更新后调用    
beforeDestroy    实例销毁之前调用    
destroyed    实例销毁后调用    
errorCaptured    当捕获一个来自子孙组件的错误时被调用

页面示例

<template>
	<div>
		<list>
			<cell>
				<text class="text">{{test}}</text>
			</cell>
		</list>
	</div>
</template>
<script>
export default {
	data() {
		return {
			test : 'a'
		}
	},
	beforeCreate : function(){
		console.log('beforeCreate ');
	},
	created : function(){
		console.log('created');
		setTimeout(function(){this.test = 'b';}.bind(this), 1000);
	},
	beforeMount :function(){
		console.log('beforeMount');
	},
	mounted : function(){
		console.log('mounted');
	},
	beforeUpdate : function(){
		console.log('beforeUpdate'); 
	},
	updated  : function(){
		console.log('updated'); 
	},
	beforeDestroy : function(){
		console.log('beforeDestroy'); 
	},
	destroyed  : function(){
		console.log('destroyed '); 
	}
}
</script>
<style>
.text{width:750px; height:200px; background-color: #007AFF; margin:10px 0; font-size:50px; text-align:center; line-height:200px; color:#FFFFFF;}
</style>


整个应用的生命周期

onLaunch当uni-app 初始化完成时触发(全局只触发一次)
onShow当 uni-app 启动,或从后台进入前台显示
onHide当 uni-app 从前台进入后台
onUniNViewMessage对 nvue 页面发送的数据进行监听,可参考 nvue 向 vue 通讯

在 app.vue 中使用生命周期

<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>