Vue.js是一個流行的JavaScript框架，具有輕量級、易學、易用等優(yōu)點。Vue.js操作DOM通常使用Vue.js提供的指令，Vue.js也提供了方法來操作DOM。Vue.js提供事件監(jiān)聽器（event listener）來監(jiān)聽DOM事件，這使得Vue.js開發(fā)者能夠輕松地增加互動性。下面我們來看一下如何在Vue.js中使用addEventListener函數(shù)來添加事件監(jiān)聽器。

mounted() {
document.addEventListener('click', this.handleClick);
},
beforeDestroy() {
document.removeEventListener('click', this.handleClick);
}

上面示例代碼中，我們在Vue實例的“mounted”鉤子函數(shù)中添加了“document”的點擊事件監(jiān)聽器（event listener）。監(jiān)聽器被定義為“this.handleClick”方法。當“document”被單擊時將觸發(fā)“handleClick”方法。

我們還需要在Vue實例的“beforeDestroy”鉤子函數(shù)中刪除監(jiān)聽器（event listener）。這是為了避免在組件銷毀（destroyed）之后仍然綁定一些事件，從而引起性能問題。

Vue.js提供了特殊的指令，例如“v-on”指令，它允許我們將事件處理函數(shù)直接綁定到DOM元素上。

點擊我

我們可以看到，在上述示例代碼中，我們使用“v-on:click”指令將“handleClick”事件處理函數(shù)直接綁定到了按鈕上。這樣做的好處是代碼更加簡短明了。但對于部分高級事件監(jiān)聽器而言，還是需要使用addEventListener函數(shù)。

總之，在Vue.js中使用addEventListener函數(shù)添加事件監(jiān)聽器是非常方便的。通過“mounted”和“beforeDestroy”鉤子函數(shù)，我們可以輕松地添加和刪除事件監(jiān)聽器，這樣能夠改善代碼的可讀性和性能。