vue onresize 不起作用

// window.onresize = ()=>{ // 定義窗口大小變更通知事件
    //   screenObj.width = document.documentElement.clientWidth; //窗口寬度
    //   screenObj.height = document.documentElement.clientHeight; //窗口高度
    //   console.log(screenObj)
    //   this.$store.dispatch("app/setScreen",screenObj);
    // };

　　

vue 監聽窗口改變 , 這么寫不起作用 , 而是

要用

addEventListener

 

window.addEventListener("resize",()=>{
        screenObj.width = document.documentElement.clientWidth; //窗口寬度
      screenObj.height = document.documentElement.clientHeight; //窗口高度
      console.log(screenObj)
      this.$store.dispatch("app/setScreen",screenObj);
      })

 真的好奇怪 , 到現在我也沒明白是為什么 , 掛載的時候不起作用 , 需要刷新才能用 ,比如router的跳轉, 注意不是瀏覽器的刷新