今天完成的事情：今天一直在研究代码，但是还是没有头绪：

<template>
    <div class="login">
        <div class="l-form">
            <div class="l-tip">登陆</div>
            <el-form ref="form" :model="form">
                <el-form-item>
                    <el-input v-model="form.name"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-input v-model="form.password" type="password"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="onSubmit">登录</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>
</template>
<script>
 import login from '../api/login.js'
 import FormErrorMessage from '../components/common/FormErrorMessage.vue'
 export default {
        name: 'Login',
 components: {
            FormErrorMessage
        },
 data() {
            return {
                form: {
                    name: '',
 password: ''
 }
            }
        },
 methods: {
            onSubmit() {
                this.$validator.validate().then(result => {
                    if (result) {
                        login.submit(this.form).then(res => {
                            // console.log('res:', res);
 if (res.data.status === 1) {
                                // 如果登录成功则跳转我index页面
 this.$store.commit('loginIn', this.form.name)
                                this.$router.push('/index')
                            } else {
                                // 使用element-ui的message组件，显示登录报错信息
 this.$message({
                                    message: res.data.message,
 type: 'error',
 duration: 5000
 })
                            }
                        }).catch(error => {
                            this.$message({
                                message: error,
 type: 'error',
 duration: 5000
 })
                        })
                    }
                })
            },
 },
 }
</script>
<style lang="scss" scoped>
 .login {
        width: 100%;
 height: 100%;
 background: #000;
 .l-form {
            position: fixed;
 top: 50%;
 left: 50%;
 transform: translateY(-50%) translateX(-50%);
 width: 300px;
 margin: auto;
 border-radius: 8px;
 background: #fff;
 padding: 20px;
 .l-tip {
                text-align: center;
 font-size: 24px;
 font-weight: bold;
 }
            .el-form {
                width: 100%;
 margin: auto;
 margin-top: 20px;
 .el-form-item {
                    button {
                        width: 100%;
 }
                }
            }
        }
    }
    .is-danger input {
        border-color: #ff3860;
 }
</style>

明天计划的事情：明天计划把axios请求发送完，不写完不睡觉了

收获：对于axios的请求有了一定的了解。