vue实现右键菜单全局监听的核心是原生contextmenu事件配合.prevent修饰符与生命周期管理：在app.vue根元素绑定@contextmenu.prevent="showmenu"定位菜单，或用document.addeventlistener动态监听并手动清理；配合@click.stop阻止菜单内点击冒泡，并在全局click中关闭菜单。
Vue 中实现右键菜单的全局事件监听，核心不是靠“自定义事件”，而是利用原生 contextmenu 事件 + Vue 的事件修饰符和生命周期管理。所谓“全局”，是指菜单能响应页面任意位置的右键，且状态统一控制，不依赖某个具体组件范围。
用 @contextmenu.prevent 绑定到根容器
最直接的方式是在 App.vue 或 Layout 组件的最外层元素上监听右键事件，并阻止默认行为：
- 使用
@contextmenu.prevent="showMenu"，自动调用event.preventDefault() - 在
showMenu(e)中读取e.clientX和e.clientY定位菜单 - 配合
v-if或v-show控制菜单显隐，菜单本身用position: fixed
用全局 document 监听 + 手动清理
若需更灵活的触发逻辑（比如菜单只在特定区域生效，但监听仍要覆盖全页），可在 onMounted 中添加原生监听：
