Как лучше оформить код с событием во vue?

export default { 
  data () { 
    return { 
      is: false, 
    } 
  }, 
  mounted() { 
    document.addEventListener('click', this.show2); 
  }, 
  methods: { 
    show() { 
      this.is = !this.is; 
    }, 
    show2(e) { 
      if (e.target.tagName === 'HTML') { 
        this.is = false; 
      } 
    } 
}

<template> 
  <div> 
		<div class="modal" v-if="is"></div> 
		<h1 @click.stop="show">Клик</h1> 
  <div> 
</template>