前端框架Vue（7）——Vue+ElementUI:简易login登录框重构

  目标：Vue 来实现一个简易的登录框，有 用户名（user）和 密码（password），具备简单的校验。

  使用的UI框架：ElementUI

  vue 登录框的优点:

1. 无须操作 dom，只需建立数据模型，自动渲染。
2. 双向数据绑定。

  登录框的解决点：

1. 数据如何绑定
2. 登录校验

  先上代码：

<template>
<div class="dialog">
    <div class="loginPage">
        <h1>登录</h1>
        <el-form>
            <el-form-item label="user">
                <el-input type="text" id="user" v-model="formName.user" @blur="inputBlur('user',formName.user)"></el-input>
                <p>{
   {
   formName.userError}}</p>
            </el-form-item>
            <el-form-item label="password">
                <el-input type="password" id="password" v-model="formName.password" @blur=