<template>
    <div class="app">
        <h2>你好世界！</h2>
        <p v-if="show" class="text" @click="close">
            {{ installed ? '在客户端应该安装成功，点击我关闭!' : '未安装' }}
        </p>
    </div>
</template>
<script lang="ts">
import Vue from 'vue';

export default Vue.extend({
    name: 'app',
    data() {
        return {
            installed: false,
            show: true
        };
    },
    mounted() {
        this.installed = true;
    },
    methods: {
        close() {
            this.show = false;
        }
    }
});
</script>
<style lang="less" scoped>
.app {
    padding: 100px;
    text-align: center;
}

.text {
    color: #999;
    font-size: 14px;
    cursor: pointer;
}
</style>
