window.addEventListener('resize

window.addEventListener('resize'是用于给窗口的大小改变事件添加监听器的方法。通常情况下，我们可以通过监听resize事件来实现对窗口大小变化的处理逻辑。在Vue项目中，可以通过在mounted生命周期钩子中使用window.addEventListener('resize'，在beforeDestroy生命周期钩子中使用window.removeEventListener('resize'来添加和移除resize事件的监听。具体操作如下所示：

引用:
mounted() {
window.addEventListener('resize', () => {
// 窗口大小变化时的处理逻辑
});
},
beforeDestroy() {
window.removeEventListener('resize');
}

而根据引用的说法，如果传递给addEventListener的function参数不是匿名函数，也可以使用removeEventListener来移除监听。在Vue项目中，可以将要监听的函数定义在methods选项中，然后再进行添加和移除监听的操作。具体操作如下所示：

引用:
methods: {
listenResizeFn() {
// 窗口缩放时要处理的逻辑操作
}
},
mounted() {
// 添加监听事件listenResizeFn
window.addEventListener('resize', this.listenResizeFn);
},
beforeDestroy() {
// 移除绑定的listenResizeFn事件监听
window.removeEventListener('resize', this.listenResizeFn);
}

同时，引用中提到，只要浏览器窗口发生变化，就会触发resize事件。可以通过window.innerWidth来获取当前浏览器的页面宽度。具体操作如下所示：

引用:
window.addEventListener('resize', function() {
console.log(window.innerWidth);
});