vue获取某个元素高度

<template>
	<div class="wrap">
        <!-- 定义ref属性 -->
        <div class="header" ref="header">
            <!-- 内容 -->
    	</div>
        
        <!-- 根据需求设置 -->
        <div class="main" :style="`margin-top: ${offsetH}px`">
            <!-- 内容 -->
    	</div>
    </div>
</template>

<script>
    export default {
        data() {
            offsetH: 0
        },
        mounted() {
            this.$nextTick(() => {
                // 获取定义ref属性 和 元素高度
                this.offsetH = this.$refs.header.offsetHeight;
            })
        }
    }
</script>