v-click-out

<template lang="pug">
.v-xxx
  div(style="border:1px solid red;width:200px;height:200px;" @click="handleClick" v-click-out="handleClickOut") {{name}}
</template>
<script>
  export default {
    name: 'v-click-out',
    data() {
      return {
        name: '内部'
      }
    },
    methods: {
      handleClick() {
        this.name = '您点击了内部'
      },
      handleClickOut() {
        this.name = '您点击了外部'
      }
    }
  }
</script>