vue实现登陆功能

最近在学习vue，发现了vue的好多坑，比如怎么更好的获取input框输入的值而减少获取dom节点的消耗 ，以及怎么绑定一个函数，去执行业务逻辑。

1、首先说说怎么获取input框的值

vue中提供了一个ref属性，这里需要在html代码中用ref属性来绑定这个input框，再通过js代码来获取input的值：

HTML代码：

<input type="text" v-model="test1" placeholder="请输入账号" maxlength="11"  ref="input1" >

js代码： 

this.test1 = this.$refs.input1.value;//获取input1的值，减少获取dom节点的消耗    

2、如何利用vue实现登陆功能：

这里用到@click来绑定一个点击事件

html代码：

<template>
	<div>
		<ul&