Vue最強大的地方之一就是資料綁定(Data Binding)和事件綁定(Event Binding)
1.單向資料綁定(顯示資料)
當name變數改變時,畫面也會跟著變
2.雙向資料綁定(v-model)
在輸入框打字,下面的文字會即時更新
3.事件綁定(v-on/@)
每點一次按鈕,數字就會加一
1.單向資料綁定,只要在JavaScript裡改變變數,畫面上就會自動更新,完全不需要用document.getElementById()這種麻煩的方法。
2.v-model讓輸入框可以和變數連動,輸入什麼,畫面就會馬上顯示,這感覺就像資料和介面融為一體,非常直覺。
3.事件綁定可以很輕鬆地處理互動邏輯。