将事件与VUE.js上的对象绑定

我是vue.js的新手，在文档中搜索过，没有找到是否可以将事件绑定到单个对象。有人能帮我吗

发件人：

致：

theEvents={
“输入”：（）=>this.inputEvent（），
“选定”：（）=>此。selectedEvent（），
}

首先，它应该是v-on，其次，除非您在数据中编写回调函数，否则您应该直接使用该方法

<div id="mydDiv" v-on="handlers"></div>

// ...

data() {
  const vm = this;

  return {
    handlers: {
      mousedown: vm.divMousedown,
      touchstart: vm.divTouchstart
    }
  }
},

methods: {
  divMousedown() {
    console.log('event: mousedown');
  },
  divTouchstart() {
    console.log('event: touched');
  }
}

 const EVENTS = [
      {name: 'my-event1', callback: () => console.log('event1')},
      {name: 'my-event2', callback: () => console.log('event2')},
      {name: 'my-event3', callback: () => console.log('event3')}
    ]

// ...
数据（）{
const vm=这个；
返回{
处理程序：{
mousedown:vm.divMousedown，
touchstart:vm.divTouchstart
}
}
},
方法：{
divMousedown（）{
log（'event:mousedown'）；
},
divTouchstart（）{
console.log（'event:toucted'）；
}
}
常量事件=[
{name:'my-event1'，回调：（）=>console.log（'event1'）}，
{name:'my-event2'，回调：（）=>console.log（'event2'）}，
{name:'my-event3'，回调：（）=>console.log（'event3'）}
]

---

复制自

我想我应该从

v-on=“theEvents”

开始，而不是

v-bind

。请参见此处的示例~

theEvents =  {
   "input" : () => this.inputEvent(),
   "selected" : () => this.selectedEvent(),
}

<input v-bind:"theEvents" />

<div id="mydDiv" v-on="handlers"></div>

// ...

data() {
  const vm = this;

  return {
    handlers: {
      mousedown: vm.divMousedown,
      touchstart: vm.divTouchstart
    }
  }
},

methods: {
  divMousedown() {
    console.log('event: mousedown');
  },
  divTouchstart() {
    console.log('event: touched');
  }
}

 const EVENTS = [
      {name: 'my-event1', callback: () => console.log('event1')},
      {name: 'my-event2', callback: () => console.log('event2')},
      {name: 'my-event3', callback: () => console.log('event3')}
    ]