比如说我有个vue组件：

<template>
    <div class="loading">
        <img :src="imageSrc" alt="加载中" class="img">
    </div>
</template>

<script>
    export default {
        name: "Loading",
        props: {
            imageSrc: {
                type: String,
                default() {
                    return require('./images/loading.gif');
                }
            }
        }
    }
</script>

<style scoped>
    .loading {
        position: fixed;
        z-index: 2000;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.3);
        text-align: center;
        line-height: 100vh;
    }
</style>

我不想像普通组件一样，先引入，再用v-if控制它的显示与移除。

我想用js方法来完成显示与移除，比如:调用Loading.show()就显示，调用Loading.complete()就移除，这样怎么办到呢？我们这个项目没有用到cube-ui，用不了create-api。