Java教程

uniapp生命周期

本文主要是介绍uniapp生命周期,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1、应用(App组件)生命周期

只能在App.vue里监听应用的生命周期。专门为app组件准备的。
官方文档 -> 全局文件 -> App.vue -> 应用生命周期

image

在app.vue里面设置。

<script>
	export default {
		// 只能在App.vue里监听应用的生命周期
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		onError:function(err){
			console.log('出现异常了',err);
		}
	}
</script>

<style>
	/*每个页面公共css */
</style>

image



2、页面生命周期

官方文档 -> 教程 -> 页面 -> 生命周期

image

<script>
	export default{
		data(){
			return{
			}			
		},
		methods:{
			
		},
		onLoad(options){
			console.log('页面加载了',options);
		},
		onShow(){
			console.log('页面显示了');
		},
		onReady(){
			console.log('页面初次渲染完成了');
		},
		onHide() {
			console.log('页面隐藏了')
		}
	}
</script>

通过tabBar切换也能触发

image


3、组件生命周期

官方文档 -> 教程 -> 页面 -> 组件生命周期

组件支持的生命周期,与vue标准组件的生命周期相同。这里没有页面级的onLoad等生命周期。
image

这篇关于uniapp生命周期的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!