vue移动端端实时监听屏幕尺寸的变化

1.创建一个js文件

//创建一个setRem方法，并将方法暴露出去
let setREM = () => {
 
    document.querySelector('html').style.fontSize = document.documentElement.offsetWidth / 750 * 100 + 'px'
 
    console.log(document.documentElement.offsetWidth)
 
}
 
export default setREM

2.在main.js文件中进行引入刚才创建的文件

import setRem from '../config/remChange'

// 在整个程序中执行，计算当前rem值的大小
setRem()
//  放窗口发生改变时执行，计算窗口改变后rem的大小
window.onresize = () => { setRem() }