事件委托基础应用场景

需求：

点击下图的红线区域的遮罩图使右边的菜单栏关闭。

代码：

    mounted() {
        this.ready()  //将这个方法挂载至mounted里面
    },
    methods: {
        ready() {
            document.addEventListener('click', (e) => {
                if(e.target.className == 'mask' && e.target.nodeName == 'DIV') {  //判断如果点击的元素类名是'mask'并且标签是div的话，关闭遮罩
                    this.show = false   //关闭遮罩
                } 
            })
        }
    },