vue 中 如何 监听 窗口变化 做出页面自适应 解决 路由缓存无效

1.废话不多说直接上代码 ，即复制即用

    1.1需要注意的是 要放到 mounted 里面 不要放到 created 原因的话 去看 vue 的生命周期钩子

         

    data() {
        return {
            _page: '',
            _rights: [],
            screenHeight: document.documentElement.clientHeight - 150,
        };
    },    

    mounted() {
        window.onresize = () => {
            return (() => {
                that.screenHeight = document.documentElement.clientHeight - 150;
            })();
        };
    },

1.2 如果是作为mixin来复用  并且 在页面缓存路由的情况下 会出现切换AB页面在切换回来失效，就在activated 钩子在复制一遍mounted里面的 onresize 代码就可以了，如果有问题可以在下方评论！