window.addEventListener(‘resize‘,...)来做浏览器窗口的缩放监听

一、window.addEventListener的运用

1. addEventListener()添加事件监听

addEventListener(event, function, useCapture)

（1）参数event必填，表示监听的事件，例如 click, resize等，不加前缀on的事件。
（2）参数 function必填，表示事件触发后调用的函数，可以是外部定义函数，也可以是匿名函数。不带参数。
（3）参数 useCapture选填，填true或者false，用于描述事件是冒泡还是捕获触发，true表示捕获，默认false表示冒泡。

2. 使用注意事项：
（1）如果function参数传的是匿名函数,没办法用removeEventListener来移除监听。代码如下：

mounted(){
    window.addEventListener('resize',()=>{
        console.log('处理窗口缩放时要处理的逻辑操作！');
    });
},

（2）如果function参数传的不是匿名函数,可以使用removeEventListener来移除监听。

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