addEventListener和removeEventListener用法 vue2

addEventListener和removeEventListener是JavaScript中用于添加和移除事件监听器的方法。在Vue.js 2中，可以使用这两个方法来处理DOM事件。

addEventListener用法：
addEventListener方法用于向指定的元素添加事件监听器。它接受两个参数：事件类型和事件处理函数。

示例代码：

// 获取元素
const button = document.querySelector('#myButton');

// 添加点击事件监听器
button.addEventListener('click', handleClick);

// 事件处理函数
function handleClick() {
  console.log('按钮被点击了！');
}

在上面的示例中，我们通过querySelector方法获取了一个id为"myButton"的按钮元素，并使用addEventListener方法为该按钮添加了一个点击事件监听器。当按钮被点击时，会触发handleClick函数，并在控制台输出"按钮被点击了！"。

removeEventListener用法：
removeEventListener方法用于从指定的元素中移除事件监听器。它接受两个参数：事件类型和事件处理函数。

示例代码：

// 获取元素
const button = document.querySelector('#myButton');

// 移除点击事件监听器
button.removeEventListener('click', handleClick);

// 事件处理函数
function handleClick() {
  console.log('按钮被点击了！');
}

在上面的示例中，我们使用removeEventListener方法从按钮元素中移除了之前添加的点击事件监听器。这样，当按钮被点击时，不再触发handleClick函数。