vue实现登陆功能 vue实现登陆功能

本文实例为大家分享了vue实现登陆功能的具体代码，供大家参考，具体内容如下
最近在学习vue，发现了vue的好多坑，比如怎么更好的获取input框输入的值而减少获取dom节点的消耗，以及怎么绑定一个函数，去执行业务逻辑。
【vue实现登陆功能】1、首先说说怎么获取input框的值
vue中提供了一个ref属性，这里需要在html代码中用ref属性来绑定这个input框，再通过js代码来获取input的值：
HTML代码：

js代码：
this.test1 = this.$refs.input1.value; //获取input1的值，减少获取dom节点的消耗
2、如何利用vue实现登陆功能：
这里用到@click来绑定一个点击事件
html代码：

js代码：data用来存放数据，methods中存放上面定义的事件，如click事件。需要注意的是vue定义事件的写法。
this.$message('请输入验证码'); //这个是element提供的一个消息提示，类似于layer.msg();

vue安装element-ui
1.安装命令：cnpm install element-ui --save
2.在main.js中加入如下代码：