vue使用window.addEventListener

在Vue.js中，`window.addEventListener`是一个常用的JavaScript方法，用于向浏览器窗口注册事件监听器。当你需要在页面加载完成后或者特定时间点响应某个全局事件（如滚动、点击、鼠标移动等）时，可以使用它。例如，如果你想在用户点击文档时执行某些操作：

// 在Vue实例的created或mounted钩子函数中添加事件监听
export default {
  created() {
    window.addEventListener('click', this.handleWindowClick);
  },
  methods: {
    handleWindowClick(event) {
      // 这里编写处理点击事件的业务逻辑
      console.log('Document clicked at:', event.clientX, event.clientY);
    }
  },
  // ...其他组件配置
}

在这个例子中，`handleWindowClick`方法会在用户点击窗口的任何位置时被调用。当不再需要这个监听器时，可以在`beforeDestroy`生命周期钩子中移除：

beforeDestroy() {
  window.removeEventListener('click', this.handleWindowClick);
}