本发明公开了一种Web端不同组件之间处理发布与响应事件的方法及系统，该方法包括：S1：采用Vue.js开发工具搭建Web前端系统，创建前端系统的主函数Main.js文件；通过主函数Main.js文件引入系统需要的多个页面组件；S2：创建用于定义事件的Event.js文件，在Event.js文件中定义多个事件类型；S3：在需要接收数据的组件中进行事件监听设置，并设置区分不同事件的方式；S4：在需要发布数据的组件中，进行事件监听调用设置，并设置监听事件的参数；S5：在主函数Main.js文件中，将Event.js文件中定义的多个事件类型注册为全局方法，使前端系统里的每个组件都可以使用。本发明利用前端处理技术实现Web系统的前端页面之间的事件响应与处理，提高系统性能。