Vuejs——前端学习日记（五）

注册页面

在创建Vue项目后，收到了朋友的已经写好登录界面的src文件夹，将本地刚创建的项目里的src文件夹替换掉，再制作一个注册页面。

首先在src文件夹里创建一个register.vue的文件，用于注册页面的创建。之后在原login.vue文件中添加一个按钮，用于从登陆界面跳转到注册界面：

<el-button type="primary" @click="toregister" style="width:180px" round>去注册</el-button>

在<script>中添加点击事件对应的函数：

toregister() {
   
          this.$router.replace("/register");
      }

同时在路由文件中添加注册页面的配置实现跳转：

routes: [
        {
   
            path: '/',
            name: 'login',
            component: login
        },
        {
   
            path: '/loginSuccess',
            name: 'loginSuccess',
            component: loginSuccess
        },
        {
   
            path: '/register',
            name: 'register',
            component: register
        }
    ]

最后是注册页面register.vue的实现，与login.vue相比，只是多了再次输入设定密码一栏，以及增添了从注册页面跳转到登录页面的按钮：

<template>
  
<div class="login-box">

<el-form   ref="form" :model="form" label-width="80px" >

  <div class