VUE中设置盒子高度与浏览器高度一致

今天做项目的时候遇到了一个问题，想要做到盒子高度根据浏览器高度一致，之前都是写个大概的固定数值，兼容性效果不好，所以找了一个解决方法，具体实现效果如下图，中间元素充满浏览器高度，具体实现为下：

1、html代码的写法

2、script代码写法

结论：这样就把问题解决掉啦，希望有帮助