一个典型的Vue应用的App.vue

<template>
    <div id="app" ref="bodyPage">
        <transition name="fade" mode="out-in">
            <keep-alive>
                <router-view></router-view>
            </keep-alive>
        </transition>
    </div>
</template>

<transition name="fade">
    运动东西(元素，属性、路由....)
</transition>

<script>
    export default{
        name:'app',
        data:function(){
            return{
                clientHeight:''
            }
        },
        mounted:function(){
            this.clientHeight = `${document.documentElement.clientHeight}`
            this.$refs.bodyPage.style.height = this.clientHeight + 'px'
            // window.console.log("body totle height: "+this.clientHeight+'px')
        },
    }
</script>

<style>
    html,body{
        padding: 0px;
        margin: 0px;
        height: 100%;
        width: 100%;
        /*overflow: hidden;*/
    }
</style>