vue获取input输入框的数据

    用惯了jQuery，忽然使用vue感受很不习惯，有不少不一样的地方，感受是两个不一样的思想来写前端的代码。jQuery是使用选择器（$）选取DOM对象，对其进行赋值、取值、事件绑定等操做。而Vue则是经过Vue对象将数据和View彻底分离开来了。

    Vue在获取input中数据的方式和jQuery有略微的区别。

<input class="login_input" placeholder="请输入帐号" type="text" id="username"/>

    如上面一段代码，若是jQuery想要获取input的数据一般的作法是根据id获取，$('#username').val()。

    Vue在这里作法和jQuery有细微区别，jQuery是经过id获取对应节点而后获取数据，而Vue则是经过ref获取input数据。username = this.$refs.username.value。

<input class="login_input" placeholder="请输入帐号" type="text" ref="username"/>

注意两则代码中的区别，一个是id一个是ref。