Vue.js -如何跟踪全局点击事件

Vue.directive('click-outside', {
  bind: function(el, binding, vnode) {
    el.clickOutsideEvent = function(event) {
      if (!(el === event.target || el.contains(event.target))) {
        vnode.context[binding.expression](event);
      }
    };
    document.body.addEventListener('click', el.clickOutsideEvent);
  },
  unbind: function(el) {
    document.body.removeEventListener('click', el.clickOutsideEvent);
  }
});

<template>
  <div v-click-outside="handleClickOutside">
    <!-- 组件内容 -->
  </div>
</template>

<script>
export default {
  methods: {
    handleClickOutside(event) {
      // 处理全局点击事件
    }
  }
}
</script>