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