vue点击出现蒙层

.mongolia{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

用一个div来代表蒙层，该div样式如上。用v-if绑定一个变量a来控制该div是否显示，初始默认不显示。点击图片（@click），触发一个函数，该函数改变a为true使蒙层显示出来。