在Vue.js中，我們有時需要獲取DOM元素的高度，這對布局和動態渲染非常重要。下面我們來看看幾種獲取DOM元素高度的方法。

// 方法1：使用offsetHeight屬性
const domHeight = document.getElementById('dom').offsetHeight
// 方法2：使用getBoundingClientRect()方法
const domHeight = document.getElementById('dom').getBoundingClientRect().height
// 方法3：使用ref屬性和$refs對象
<template>
<div ref="dom" id="dom"></div>
</template>
export default {
mounted() {
const domHeight = this.$refs.dom.clientHeight
}
}

其中方法1和方法2都是使用原生JavaScript獲取DOM元素高度的方式，而方法3則是使用Vue.js提供的特性——ref屬性和$refs對象。我們可以在DOM元素上綁定ref屬性，然后在Vue實例中通過$refs對象獲取DOM元素的屬性和方法。

需要注意的是，使用offsetHeight屬性和getBoundingClientRect()方法獲取的高度值可能受到元素邊框、內邊距等影響，而使用clientHeight屬性則只會獲取元素內容部分的高度。所以，根據實際情況選擇合適的方式獲取DOM元素高度。