Vue 如何检测浏览器窗口的变化

起源：网站右侧做了快速导航的功能，但是滑倒底部 导航会覆盖footer，很丑，所以决定利用浏览器窗口发生改变来控制导航的高度。参考网址(https://blog.csdn.net/Simon9124/article/details/81117480   https://www.jianshu.com/p/b34f144467a2)

 

实现过程：

1、我们将document.body.clientWidth赋值给data中自定义的变量：

data:{
    screenWidth: window.innerHeight   //浏览器的高度
}

2、在页面mounted时，挂载window.onresize方法：

mounted () {
    const that = this
    window.onresize = () => {
        return (() => {    

           window