启动vue项目，在浏览器中访问页面，如果页面有背景色，就会发现页面上方是白色的，也就是vue页面没有填满所有可见区域。

可以按照下面这种方式设置样式：

    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;

页面顶部的空白消失了，但是可能会在下方出现空白，写在根div里的标签（代码）会出现在根标签之外（显示）。

将position:absolute改为position:page下方空白消失，但是上方的空白又无法消除了。

最终，组件的样式：

    background: #fff url("../../assets/images/5.jpg") no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: page;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;

在app.vue中的加入：margin-top:0px

<style>
  #app {
    font-family: ... ;
        ...
    margin-top: 0px;
  }
</style>

问题就解决了。

总结：

页面不能填满所有可见区域，是组件受到了父元素（app中的div）的限制，虽然一度通过两种不同的方式分别从页面上方和下方突破了限制，但总是有问题的、不完美的。

如果必要的话，可能还会需要修改index.html中的样式。