怎么在vue单页面项目用一个公共函数监听到所有页面上按钮的点击事件???

出了一个奇葩需求,需要在vue单页面项目用一个公共函数监听到所有页面上按钮的点击事件,这怎么搞???监听鼠标点击事件?好像不行吧。有点伤脑壳。有没有大佬做过类似的功能的,给一点思路。谢谢谢谢

如果是单纯的点击事件的话可以在主文件里写个方法监听button,不过按钮过多的话直接监听按钮的点击事件很废性能,最好写个事件委托

事件阶段主要有三部分:捕获、目标、冒泡
图片说明

对于冒泡阶段,一些业务组件有可能会禁止(如,elementUI中,部分组件就会就是阻止点击冒泡的),
所以,这里的思路是:在捕获阶段进配合事件代理行拦截(document)
关于「事件」高程中有专门的章节讲述,可自行查阅。也可查看这篇文章 -- 《JavaScript高级程序设计(第3版)》第13章关于“事件”

直接事件委托body 下面所有的button 就可以了啊