Vue开发登录组件（附下载）

终于搞定了登录组件，省的以后总写了，下次直接加载使用，组件的说明如下，文末有github下载地址，可以去下载，也欢迎大家一起完善，代码开源。

组件开发核心点：

Vue基础的那几部分就不多说了，使用Vue的应该都会，这里就说一下登录页面各项联动的实现：

1. 登录验证，主要是利用watch功能，监控各个输入框的输入情况，以及验证码的准确情况，以此来改变登录按钮的可使用状态；

2. 利用watch功能监控用户名输入，同时改变“记住用户名的”状态，当用户名输入发生改变时，自动取消记住状态；

3. 利用watch功能监控输入情况，根据是否有数据输入，显示或隐藏一键删除按钮；

4. 由于验证码的获得与验证，以及提交的动作，是根据需求来写的，因此利用$emit进行父子组件通信；

5. 各个输入框的选中状态是利用$refs[name]来实现选取加载样式，

6. 因为验证码和“记住用户名”功能需要在一开始激活，因此在create钩子中进行这两个数值的赋值工作。

部分代码节选：

watch: {
  values: {
    handler() {
	//全通过则可以提交
	if(this.hasCode && (this.values.user) && (this.values.pwd) && (this.values.isCode)){
		this.disabled = false;
	}else if((this.values.user) &am