编写一个vue的登陆页面模板

```html <template> <div class="login-page"> <h1>登陆</h1> <!-- 登陆表单 --> <form @submit.prevent="login"> <!-- 用户名 --> <div class="form-group"> <label for="username">用户名：</label> <input type="text" name="username" v-model="username"/> </div> <!-- 密码 --> <div class="form-group"> <label for="password">密码：</label> <input type="password" name="password" v-model= "password"/>                                                                                                                                            </div> <!-- 提交按钮 -->                                                                                                                                <button type = "submit" > 登 陆 </ button >           </ form >       </ div >   </ template >    <script > export default { data ( ) { return { username : '' , password : '' } } , methods : { login ( ) { // 发送请求到服务器进行登录 } } } ; </ script >