uniapp-笔记【uni-app的生命周期】

Uni-app 的生命周期

官方生命周期文档

应用生命周期

注意：应用的生命周期函数是定义在vue.app中的，这里xbuild已经自动帮我定义好了一些，我们给他把err补上也可以~

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

show有点类似于vue的活跃事件

---

页面生命周期

export default {
	data() {
		return {
			searchFlag: true
		}
	},
	onLoad(options) {
		/* 当加载时事件，这里可以在参数中添加options拿到上一个页面的数据传参，通过这个options */
		console.log("页面加载了")
	},
	onShow() {
		/* 当显示时事件 */
		console.log("页面显示了")
	},
	methods: {
		changeFlag(){
			this.searchFlag=this.searchFlag?false:true
		}
	}
}