[GPT] Vue 的 methods 中使用了 addEventListener，如何在 addEventListener 的匿名函数参数中访问 Vue data 变量-526互联

在 Vue 的 methods 方法中使用 addEventListener时，你可以使用箭头函数来访问 Vue 实例的数据。

箭头函数不会创建自己的作用域，而是继承父级作用域的上下文。以下是一个示例：

html
<template>
  <button @click="attachEventListener">Click Me</button>
</template>
 <script>
export default {
  data() {
    return {
      vuedata: "Hello, World!"
    };
  },
  methods: {
    attachEventListener() {
      const button = document.querySelector("button");
      button.addEventListener("click", () => {
        console.log(this.vuedata); // 在addEventListener的匿名函数中访问Vue实例的数据
      });
    }
  }
};
</script>