vue获取组件真实dom

mvvc架构是要避免直接操作dom的，但是有些情况下仍然需要我们获取真实的dom。

在使用vue中的ref，可以获取标签的真实dom，或者组件的虚拟dom。

对于组件的虚拟dom，该虚拟dom的$el则为真实dom。

Element.getBoundingClientRect() 这个js原生方法返回一个DOMRect对象，其中包含了盒子的大小及其相对于浏览器窗口的位置，这个方法在位置有关操作时比较好用。