uni-app学习记录07-生命周期

时间:2022-05-17 17:48:49

<template>
    <view class="content">
        我是首页
    </view>
</template>

<script>
    export default {
        data() {
            return {
                title: Hello
            }
        },
        // onLoad是页面初始化的时候 全局执行一次
        onLoad() {
            console.log(我是onLoad)
        },
        // onShow只要显示了该页面就会触发 全局执行多次
        onShow() {
            console.log(我是onShow)
        },
        // onHide只要离开当前页面就会触发 全局执行多次
        onHide() {
            console.log(我是onHide)
        },
        // onRead页面初次完成渲染是触发 全局一次
        onReady() {
            console.log(我是onReady)
        },
        methods: {

        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
</style>