Vue是當下比較流行的前端框架之一，它具有簡單易學、高效快速、靈活可擴展等優點，使其在 SPA（Single-Page Application）應用的開發中得到廣泛應用。在Vue中，我們常常需要設置網頁的body高度來達到一些效果，本文將對Vue中的body高度進行介紹。

在Vue的組件中，我們可以使用style屬性來設置組件的樣式，包括設置body高度。下面是一個設置body高度的示例：

<template>
<div class="container" :style="{height: '100vh'}">
<!-- 這里是頁面內容 -->
</div>
</template>
<script>
export default {
// 組件內容
}
</script>
<style>
.container {
// 這里是其他樣式
}
</style>

在上述示例中，我們使用了Vue的style綁定語法:style來動態設置組件樣式，height屬性的值為100vh，意為相對于視口的百分比高度，即網頁的可視高度。這樣設置可以讓頁面在任何設備上都保持完美的高度適應性。

如果我們需要設置一個固定的高度而不是相對于視口的高度，我們可以使用像素值、em/Rem或百分比等單位來設置，例如：

<template>
<div class="container" :style="{height: '600px'}">
<!-- 這里是頁面內容 -->
</div>
</template>

在上面的示例中，我們設置了一個600像素的高度，這樣可以使頁面在不同設備上都顯示一致的高度。

綜上所述，使用Vue設置body高度很方便。我們可以使用相對于視口的vh單位，也可以使用固定的單位來設置高度。這些方法在網頁布局中非常實用，可以讓我們輕松地實現一些效果。