vue + JS + jQuery 实现点击空白处，实现某种操作

mounted() {
     document.addEventListener('click',this.athenianHide)
},
destroyed(){
    document.removeEventListener('click',this.athenianHide)
  },
 methods: {
athenianHide(event){
//contentEle、contentEleTwo 指定区域，点击不触发
        var contentEle= document.getElementById('athenianContentInfo');
        var contentEleTwo = document.getElementById("athenianImg")
        var _this = this
        if (contentEle != null && contentEle != undefined) {
          if(!contentEle.contains(event.target) && !contentEleTwo.contains(event.target)) {
            //关闭弹出层的代码或者需要在点击指定区域之外区域才执行的代码
                _this.isAthenian = false
          }
        }
    }
}