vue 简单的登录弹出框效果

初学vue框架，小小的写了一个登录弹出框效果

各路大佬多多指教。

不多废话，直接上代码：

CSS：

*{
   margin:0;padding:0;}
    /*登陆按钮*/
    #app{
   
        width:140px;
        height:36px;
        margin:10px auto;
    }
    #login,#login a{
   
        width: 200px;
        height: 38px;
        line-height:38px;
        text-align: center;
        text-decoration: none;
        font-size: 24px; 
        color: #000;
    }

    /*登陆框*/
    #login-box{
   
        padding: 20px;
        display:none;
        width:350px;
        height: 150px;
        background: #eeeeee;
        border-radius: 5px;
        position: absolute;
        margin-left: -80px;
        margin-top: 150px;
    }
    #login-box>form{
   
        text-align: center;
    }
    #login-box label{
   
        display: block;
        font-size: 20px;
        margin: 10px 0 0 0;
    }
    #login-box label input{
   
        width:200px;
        height: 30px