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