vue中可以绑定多个事件吗_vue.js_

按钮

new Vue({     el:"#test",     data:"",     methods:{         test1:function(){             alert("test1");             this.test2();             this.test3();         },         test2:function(){             alert("test2");         },         test3:function(){             alert("test3");         }     } })

123

methods:{     add1(){         console.log(123)     },     add2(){         console.log(456)     },     }

// 原生事件绑定 
 // 组件绑定 

let compiler = require('vue-template-compiler'); //vue-loader let r1 = compiler.compile('
'); let r2 = compiler.compile(''); console.log(r1); // {on:{click}} console.log(r2); // {nativeOn:{click},on:{click}}

// 前者 with (this){return _c('div',{on:{"click":function($event){return fn()}}})} // 后者 with (this){return _c('my-component',{on:{"click":fn1},nativeOn:{"click":function($event){return fn($event)}}})}

function updateDOMListeners (oldVnode: VNodeWithData, vnode: VNodeWithData) { if (isUndef(oldVnode.data.on) && isUndef(vnode.data.on)) { return } const on = vnode.data.on || {} const oldOn = oldVnode.data.on || {} target = vnode.elm normalizeEvents(on) updateListeners(on, oldOn, add, remove, createOnceHandler, vnode.context) target = undefined } function add ( name: string, handler: Function, capture: boolean, passive: boolean ) { target.addEventListener( // 给当前的dom添加事件 name, handler, supportsPassive ? { capture, passive } : capture ) }

export function updateComponentListeners ( vm: Component, listeners: Object, oldListeners: ?Object ) { target = vm updateListeners( listeners, oldListeners || {}, add, remove, createOnceHandler, vm) target = undefined } function add (event, fn) { target.$on(event, fn) }

vm.$on( event, callback )

Vue.prototype.$on = function (event, fn) { const vm: Component = this if (Array.isArray(event)) { for (let i = 0, l = event.length; i < l; i++) { this.$on(event[i], fn) } } else { (vm._events[event] || (vm._events[event] = [])).push(fn) } return vm }