vue中使用on事件被覆蓋

用on的代碼：

window.onload = function(){
　　var box = document.getElementById("box");
　　box.onclick = function(){
　　console.log("我是box1");
}
box.onclick = function(){
　　box.style.fontSize = "18px";
　　console.log("我是box2");
　　}
}
　　　　　運行結果：“我是box2”

第二個onclick把第一個onclick給覆蓋了，雖然大部分情況我們用on就可以完成我們想要的結果，但是有時我們又需要執行多個相同的事件，很明顯如果用on完成不了我們想要的，addEventListener可以多次綁定同一個事件並且不會覆蓋上一個事件。

用addEventListener的代碼：

window.onload = function(){
　　var box = document.getElementById("box");
　　box.addEventListener("click",function(){
　　console.log("我是box1");
})
box.addEventListener("click",function(){
　　　　console.log("我是box2");
　　})
}
　　　　運行結果：我是box1
　　　　　　　　　我是box2