Vue中標籤監聽的事件

@click="click" //單擊
@dblclick="dblclick" //雙擊
@mousedown="down" //按下
@mouseup="up" //擡起
@mousemove="move" //移動
@mouseleave="out" //指針移出元素範圍外（不冒泡）。
@mouseout ="out" //指針移出元素，或者移到它的子元素上。
@mouseenter="enter" //指針移到有事件監聽的元素內（不冒泡）
@mouseover="enter" //指針移到有事件監聽的元素或者它的子元素內。
@keydown="down" //鍵盤按下
@keyup="up" //鍵盤擡起

注意：mouseenter是穿過，因此只能觸發一次改事件，而mouseover是位於上方，mouseenter事件只做用於目標元素，而mouseover最用於目標元素及其後代元素。mouseover(鼠標覆蓋)。mouseenter(鼠標進入)。兩者的本質區別在於,mouseenter不會冒泡,簡單的說,它不會被它自己的子元素的狀態影響到.可是mouseover就會被它的子元素影響到,在觸發子元素的時候,mouseover會冒泡觸發它的父元素.(想要阻止mouseover的冒泡事件就用mouseenter)
共同點:當兩者都沒有子元素時,兩者的行爲是一致的,可是兩者內部都包含子元素時,行爲就不一樣了.