监听浏览器窗口变化（缩放）

监听浏览器窗口变化（缩放）

mounted(){
    
    
  this.$nextTick(() => {
    
    
    this.resizeFun()
    // this.resizeFun窗口变化执行的方法
    window.addEventListener('resize',this.resizeFun )
  })  
},
beforeDestroy() {
    
    
  window.removeEventListener('resize',this.resizeFun)
},
methods:{
    
    
  resizeFun() {
    
    
    // 窗口变化执行的操作
  }
}

注意：为啥addEventListener添加监听事件时不写匿名函数,而单独写一个resizeFun方法;是因为removeEventListener移除事件传入的参数必须和addEventListener添加事件的参数一致;故写匿名函数会导致无法移除该事件。