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

<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>

 

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

上一篇:Android的Activity屏幕切换动画(一)-左右滑动切换


下一篇:android EditText中的inputType