Footer始终在底部

代码：

<template>
    <div class='home'>
        <navmenu></navmenu>
        <router-view class='main'></router-view>
        <Footer></Footer>
    </div>
</template>
<style lang="less" scoped>
.home{
    display: flex;
    display: -webkit-flex; /* Safari */
    min-height: 100vh;
    flex-direction: column;
    >.main{
        flex:1;

    }
}
<style>    

使用flex布局，设置父元素.home高度是100vh;视窗是指浏览器内部可视区的大小,即window.innerWidth、window.innerHeight大小。（不知道flex咋用的，去阮一峰博客看下）