getBoundingClientRect使用场景（table固定表头）

• getBoundingClientRect()用于获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置，是DOM元素到浏览器可视范围的距离（不包含文档scroll的部分）。
• 该函数返回一个Object对象，该对象有6个属性：top,lef,right,bottom,width,height； 

var object=document.getElementById('box');  
rectObject = object.getBoundingClientRect();
rectObject.top：元素上边到视窗上边的距离;
rectObject.right：元素右边到视窗左边的距离;
rectObject.bottom：元素下边到视窗上边的距离;
rectObject.left：元素左边到视窗左边的距离;
rectObject.width：是元素自身的宽 (包括滚动条)
rectObject.height是元素自身的高 (包括滚动条)

使用场景：在使用框架进行开发是，经常会遇到需要给table固定表头的需求，这时候需要给table设置一个固定的高度，可以使用添加一个元素通过getBoundingClientRect计算top的距离，然后获取浏览器可视范围高度，进行计算

下面以VUE为例，分装通用组件