vue点击其它任何地方隐藏dom

Question

红色是导入的组件，头部，身体，底部。我想点击绿色块的其它任何地方，都使这块绿色块隐藏掉，vue该怎么做呢？

Answer 1

body上绑定事件，关闭，组件销毁前把事件移除。methods: {    handleBodyClick(){        // 关闭    },},mounted(){    this.$nextTick(() => {        document.querySelector('body').addEventListener('click', this.handleBodyClick);    })},beforeDestroy(){    document.querySelector('body').removeEventListener('click', this.handleBodyClick);}