在Vue中,EventTarget是一個事件觸發的目標對象,在DOM中表示一個事件的目標節點。在使用Vue開發過程中,可以使用EventTarget來監聽事件的觸發,從而實現頁面的動態交互效果。
下面是一個簡單的Vue EventTarget監聽示例:
//html代碼 <div id="app"> <button v-on:click="clickHandler">點擊我</button> </div> //js代碼 var app = new Vue({ el: '#app', data: { }, methods: { clickHandler: function(event) { console.log('click'); event.target.style.backgroundColor = 'red'; } } })
在上面的例子中,我們為一個按鈕添加了一個點擊事件監聽器。當點擊按鈕時,事件會被觸發并且事件對象會被傳遞到我們的事件處理函數中,這個事件對象包含了當前事件的所有信息,比如觸發事件的目標節點、事件類型、鼠標位置等等。
在事件處理函數中,我們可以使用event.target來獲取當前觸發事件的目標節點,然后進行一些操作,比如改變目標節點的樣式等,從而實現頁面交互效果。