vue中给window添加和移除resize事件遇到的坑

在vue项目中需要监听window窗口变化来时时计算图片的高度，于是就加了一个监听事件；确实监听到了，但是在离开当前页面进入其他页面改变窗口大小时发现window还是处于监听状态，，即移除监听事件并没有生效。

    //之前的写法，这样写移除监听事件无效
    mounted(){
        window.addEventListener('resize',()=>{
            '改变窗口大小时需要做的处理'
        });
    },
    beforeDestroy() {
        window.removeEventListener("resize");
    }

后来查找相关资料后发现用下面这种写法可以移除监听

    methods: {
        listenResize(){
            '窗口大小改变时的操作'
        }
    },
    mounted(){
        window.addEventListener('resize',this.listenResize);  
    },
    beforeDestroy() {
        window.removeEventListener("resize",this.listenResize);
    }