vue设置height:100%无效

使用vue来创建一个地图样式的组件，在地图组件页面设置了样式，却没有生效

<style>
 #viewDiv {
    width: 100%;
    height: 100%;     
  }
</style>

只有上面一部分

height设置成100%，组件中的div的高度应该和父元素也就是App.vue中的div一样，而App.vue中的div父结点是body标签，body标签上一级是html标签，body和html的高度默认是auto，浏览器也不会自动加高度，所以body和html高度都是0。

只要在App.vue文件中加入下面的代码就可以

  html,body,#app{
    height: 100%;
  }