:::demo 示例

```html
<template>
    <div>
        <div style="margin-bottom:20px">全屏加载</div>
        <button id="demo">显示整页加载，3 秒后消失</button>
        <pre>
            <div style="border:1px solid #eaeefb">
                不传参数target则自动为body添加loading
                loading生成
                this.$loading()
                loading显示
                this.$loading.show()
                loading隐藏
                this.$loading.show()
            </div>
        </pre>
        <div style="margin-bottom:20px;margin-top:20px">区域加载</div>
        <button id="show">loading显示</button>
        <button id="hide" style="margin-left:20px">loading隐藏</button>
        <div id="demo1" style="height:100px;width:500px;border:1px solid #eaeefb"></div>

        <pre>
            <div style="border:1px solid #eaeefb">
                loading生成,target为loading层所在元素的选择器
                this.$loading(target:'#demo1')
                loading显示(target对应的元素)
                this.$loading.show('#demo1')
                loading隐藏(target对应的元素)
                this.$loading.hide('#demo1')
            </div>
        </pre>
        <div style="margin-bottom:20px;margin-top:20px">指令加载</div>
        <button id="toggle">切换显示/隐藏</button>

        <div id="demo2" style="height:100px;width:500px;border:1px solid #eaeefb" v-loading="toggleShow"></div>
        <pre>
            <div style="border:1px solid #eaeefb">
                添加指令v-loading到所需loading的层级，当指令值为true时显示loading，当指令值为false时隐藏。
            </div>
        </pre>
    </div>
</template>

<script>
    export default{
        name: "Loading",
        data(){
            return {
                toggleShow: true,

            }
        },
        mounted(){
            this.$loading();
            this.$loading({
                target: '#demo1'
            })
            var self = this;
            document.getElementById("show").onclick = function () {
                self.show();
            }
            document.getElementById("hide").onclick = function () {
                self.hide();
            }
            document.getElementById("demo").onclick = function () {
                self.showFull();
            }
            document.getElementById("toggle").onclick = function () {
                self.toggle();
            }
        },
        methods: {
            show(){
                this.$loading.show("#demo1")
            },
            hide(){
                this.$loading.hide("#demo1")
            },
            showFull(){
                this.$loading.show();
                var self = this;
                setTimeout(function () {
                    self.$loading.hide()
                }, 3000)
            },
            toggle(){
                this.toggleShow = !this.toggleShow;
            },
        }
    }
</script>
```
:::