Vue是一款廣泛使用的JavaScript框架，它在構建Web應用程序時需要獲取元素的高度和寬度。Vue提供了幾種方法來獲取元素的高度和寬度，本文將介紹其中的三種方法。

第一種方法是通過Vue的$el屬性獲取元素的高度和寬度。代碼如下：

mounted() {
console.log(this.$el.clientHeight); //獲取元素的高度
console.log(this.$el.clientWidth); //獲取元素的寬度
}

第二種方法是通過Vue的ref屬性獲取元素的高度和寬度。代碼如下：

<template>
<div ref="myDiv"></div>
</template>
<script>
export default {
mounted() {
console.log(this.$refs.myDiv.clientHeight); //獲取元素的高度
console.log(this.$refs.myDiv.clientWidth); //獲取元素的寬度
}
}
</script>

第三種方法是使用JavaScript原生方法獲取元素的高度和寬度。代碼如下：

mounted() {
let el = document.getElementById('myDiv');
console.log(el.clientHeight); //獲取元素的高度
console.log(el.clientWidth); //獲取元素的寬度
}

需要注意的是，以上三種方法都需要在Vue的mounted鉤子函數中執行，因為只有在該鉤子函數中，Vue才能正確地渲染元素。