Vue.js是一個非常流行的JavaScript框架，它在構建Web應用程序方面非常靈活和強大。使用Vue.js，開發人員可以輕松地操作DOM元素，以便從中獲取元素占據的高度。本文將介紹如何使用Vue.js來獲取DOM元素的高度。

要獲取元素的高度，我們使用ref指令來引用該元素。接下來，我們將使用Vue.js的生命周期方法mounted()來獲取該元素的高度。

<template>
<div ref="myElement">
<p>這是我的元素</p>
</div>
</template>
<script>
export default {
mounted() {
const height = this.$refs.myElement.clientHeight;
console.log('元素高度：' + height);
}
}
</script>

在上面的示例中，我們使用ref指令為元素設置一個引用。然后，我們在mounted()生命周期方法中獲取該元素的高度，并將其存儲在height變量中。最后，我們使用console.log()方法在控制臺中打印出該元素的高度。

總之，在使用Vue.js時，我們可以很容易地獲取元素的高度。通過使用ref指令和mounted()生命周期方法，我們可以輕松地訪問DOM元素的高度，并將其用于我們的應用程序中。