方法1（成功）

设置单位为100vh。

方法2：我试了一下，没成功(可能要在App.vue设置)。

给div设置高度100%时，div的高度会等同于其父元素的高度。而上面代码中id为app的div（即为vue挂载的div）的父节点是是body标签，body标签的父节点是html标签。在默认情况下html和body标签的高度为auto，而浏览器是不会自动给标签添加高度的，所以html和body标签就为0，自然子div的高度设置为100%就不起作用了。

<template>
  <div id="app">
     我是根节点
  </div>
</template>
html,body,#app {height: 100%;}