vue 如何获取组件自身高度

Question

由于要做一个可变化长高的弹出框，需要定位，弹出框可能在底部弹出也可能在头部弹出，但内容由于是可变的，需要计算它的高度来显示向上弹还是向下弹，目前在组件内如何得到他的高度
目前我的做法是在created()中使用classname得到组件的DIV但由于初始在data()中将组件高度默认了0,
在created中改变data()中的height,但得不到DIV

created() {

let cur = document.querySelectorAll("div[class='Pop-Over']");

console.log(cur);

let curHeight = cur.height;

console.log(curHeight);

}

打印结果curHeight为undefind,求办法