vue 点击空白处实现div的隐藏

<template>
  <div class="appmain">
    <div id="div" @click="divCkick($event)">不知道写什么</div>
  </div>
</template>

<script>
document.onclick=function(){
  document.getElementById("div").style.display="none";
}
export default {
  methods: {
    divCkick (e) {
      console.log('55555555555555')
      e.stopPropagation();
    }
  }
};