如何通过vue2实现登录功能

登录功能分类两类，第一类是登陆前的预验证，预验证功能所使用的方法为validateField

首先，我们先为login按钮绑定一个点击事件

其次，我们通过ref="loginFormRef" 这个组件实例对象对表单上进行与验证操作

目的是根据valid的值，来决定是否继续还是退出。

登录功能第二布就是通过发送axios请求将表单传递的值跟头端接口进行比对，如果用户存在，则返回200，不存在则返回404.

首先，我们先引入axios依赖，在index.js中：

import axios from 'axios'

然后把axios依赖包挂在到Vue的原型对象上

Vue.prototype.$http = axios

最后设置axios请求根路径：

axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'