Vue使用flex给页脚固定定位方法

<div class="wrapper">
     <div class="header">header</div>
     <div class="section">section</div>
     <div class="footer">footer</div>
</div>

 html,body{
     height: 100% ;
 }

 .wrapper{
     display: flex ;
     flex-direction: column ;
     min-height: 100% ;
 }

 .header{
     flex: 0 ;
 }

 .section{
     flex: 1 ;
 }

 .footer{
     flex: 0 ;
 }