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。