vue 关于window.onresize+rem布局的问题

问题：项目使用rem 布局，window.onresize不起作用如何写？
1.在public文件夹的index页面写

<script>
var timer = null;
//解决：屏幕横屏竖屏的时候没办法及时更新页面，需要刷新才可以--适用移动端
/*function setRem(){
  clearTimeout(timer);
  // 延迟屏幕横竖转换
  timer = setTimeout(function () {
    document.documentElement.style.fontSize=document.documentElement.offsetWidth/90+"px"; //同上
  }, 200);
}*/
//pc端
 function setRem(){
 	document.documentElement.style.fontSize=document.documentElement.offsetWidth/90+"px"; //同上
  }
  setRem();
  if ('addEventListener' in document) {
    document.addEventListener('orientationchange', function () {
      setRem();
    }, false);
    window.addEventListener('resize', function () {
      setRem();
    }, false);
  }
</script>