19vue-- 登录退出 实现表单的数据验证

说明：个人的学习记录

视频参考：https://www.bilibili.com/video/BV1EE411B7SU?p=19

pdemo： Happy every day！ Go!
 农历 庚子 鼠年 五月初二 -- 2020年6月22日 - 周一 -  21:03

1.vue 登录推出--实现表单数据验证
    1.1 输入框内 输入内容，当鼠标移动后，自动验证数据的有效性
    1.2 基于element-ui 内的form  表单的验证
    1.3 form 内:rules  添加这个属性，:rules="rules" ，后面的rules是验证规则对象
     -- 属性绑定 :rules="校验规则"
    1.4 校验规则对象之中 定义几个校验规则的属性
    1.5 表单item项中 添加prop="前面定义的校验规则" 

1.6 此时Login.vue内的代码  红色表示这次新增的code

<template>
    <div class="login_container">
        <div class="login_box">
            <!--  -->
            <div class="avatar_box">
                <img src="../assets/login_head.png" alt="">