TelpoH5FrontendWeb/src/App.vue

<!--
 * @Date: 2022-01-19 10:08:26
 * @LastEditors: JinxChen
 * @LastEditTime: 2022-05-10 18:25:55
 * @FilePath: \AntpayFrontEnd\src\App.vue
 * @description:
-->
<template>
    <div id="app">
        <router-view v-if="isRouterAlive" />
    </div>
</template>

<script>
import { VERSION_MODEL } from './config/models';
export default {
    provide() {
            return {
                reload: this.reload
            }
        },
    data() {
            return {
                isRouterAlive: true,
            }
        },
        mounted() {
            console.log("当前版本号::", VERSION_MODEL, "当前环境::", process.env.NODE_ENV, this.$title);

        },
        methods: {
            reload() {
                this.isRouterAlive = false;
                this.$nextTick(() => {
                    this.isRouterAlive = true;
                });
            },
        }
}
</script>

<style lang="scss">
#app {
    text-align: center;
    color: #2c3e50;
    height: 100vh;
    width: 100%;
    background-color: #f7f8fa;
}
</style>