:::demo 示例

```html
<template>
  <div>

    <p>
      1.调用this.$mask()进行遮罩层的初始化，同时会显示遮罩层，当已有遮罩层的时候，不会重新生成
    </p>
    <p>
      2.可以传递参数，例如this.$mask({zIndex：1000})来控制遮罩层的z-index，默认是999
    </p>
    <p>
      3.调用this.$mask.close(),可以对遮罩层进行关闭
    </p>

    <input type='button' value="打开遮罩层" @click='openMask' />
    <input type='button' value="关闭遮罩层" @click='closeMask' />

  </div>
</template>

<script>
export default {
    methods:{
      //打开遮罩层
      openMask(){
          this.$mask({zIndex:100});
      },
      //关闭遮罩层
      closeMask(){
          this.$mask.close();
      }
    }
};
</script>
```
:::