Events 使用Vue.js,是否可以使用单个事件侦听器侦听从多个元素发出的所有事件?

Events 使用Vue.js,是否可以使用单个事件侦听器侦听从多个元素发出的所有事件?,events,vue.js,vuejs2,single-page-application,Events,Vue.js,Vuejs2,Single Page Application,我有许多被格式化为按钮的div(总共20个) 我希望有一个单击侦听器(可能在父div上),它可以侦听任何/所有单击,并捕获特定div innerHTML 除了vanilla JS或jQuery(我可以在其中监听id或类)之外,Vue.JS还有其他方法吗 谢谢 是的,您可以通过事件总线轻松实现这一点: var bus = new Vue() // in component A's method bus.$emit('my-event', { foo: 'bar' }) // in compon

我有许多被格式化为按钮的div(总共20个)

我希望有一个单击侦听器(可能在父div上),它可以侦听任何/所有单击,并捕获特定div innerHTML

除了vanilla JS或jQuery(我可以在其中监听id或类)之外,Vue.JS还有其他方法吗


谢谢

是的,您可以通过事件总线轻松实现这一点:

var bus = new Vue()

// in component A's method
bus.$emit('my-event', { foo: 'bar' })

// in component B, C, D, etc created hook
bus.$on('my-event', function (data) {
  console.log(data)
})