vue中运行后页面的Body不是整个窗口

在Vue中，如果页面的`body`标签不是整个窗口，可能是因为没有正确设置`html`和`body`的高度。

可以在全局样式表中设置`html`和`body`的高度为`100%`，以让`body`标签占满整个窗口。

示例代码如下：

/* 在全局样式表中设置 html 和 body 的高度为 100% */
html, body {
  height: 100%;
}

在上面的示例代码中，将`html`和`body`的高度都设置为`100%`，这样`body`标签就可以占满整个窗口了。

另外，还可以使用CSS的flex布局或grid布局，来让`body`标签占满整个窗口。示例代码如下：

使用flex布局：

/* 使用flex布局让body标签占满整个窗口 */
html, body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#app {
  flex: 1;
}

在上面的示例代码中，将`html`和`body`的`display`属性设置为`flex`，并且设置`flex-direction`为`column`，这样可以让`body`标签占满整个窗口。同时，将`#app`元素的`flex`属性设置为`1`，让它占满`body`标签的剩余空间。

使用grid布局：

/* 使用grid布局让body标签占满整个窗口 */
html, body {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
}

#app {
  grid-row: 2 / -1;
}

在上面的示例代码中，将`html`和`body`的`display`属性设置为`grid`，并且设置`grid-template-rows`属性，这样可以让`body`标签占满整个窗口。同时，将`#app`元素的`grid-row`属性设置为`2 / -1`，让它占据`body`标签的剩余空间。

以上两种方法都可以让`body`标签占满整个窗口，根据实际情况选择合适的方法即可。