js事件绑定要注意的易错点

绑定事件有三种方式，但很多时候就会忘记他们的区别
常用的有以下两种事件
dom对象.onclick=function(){}
dom对象.addEventListener('click',function(){})

有如下情景，有一个父组件father,两个子组件son1和son2,我在son1和son2都使用第一种方式绑定事件，最终结果导致事件绑定出现错误
错误就是son1或者son2只有一个组件绑定事件成功，原因是采用第一种事件绑定具有唯一性，同一个dom元素绑定两次事件，只会后一次事件绑定成功，
采取第二种方式绑定事件，可以在一个dom多次绑定一个事件，且都能触发事件