vue获取input输入框的数据

2019独角兽企业重金招聘Python工程师标准>>>

    用惯了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。

    

转载于:https://my.oschina.net/zicheng/blog/1833389