safari对100vh的兼容问题[通俗易懂]

需求：在以下的布局要求下，利用flex布局来实现，但需要在最外层给一个固定高度来控制页面高度及可滑动区域的可视高度

safariHacks() {
    let windowsVH = window.innerHeight / 100;
    document.querySelector('.wrap').style.setProperty('--vh', windowsVH + 'px');
    window.addEventListener('resize', function() {
        document.querySelector('.wrap').style.setProperty('--vh', windowsVH + 'px');
    });
}

在mounted内调用该方法

height: 100vh; /*給 Safari 以外的瀏覽器讀取*/
height: calc(var(--vh, 1vh) * 100);