Vue 页面高度撑满屏幕

第一步：
此时应该在App.vue文件style中添加如下代码：

html,body,#app{
height: 100%;
}

第二步：
网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth (包括边线的宽)
网页可见区域高：document.body.offsetHeight (包括边线的宽)

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

 data:{
   
  screenHeight: document.body.clientHeight
}

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

mounted ()