處理使用者輸入
VueJS 也可用於輕鬆處理使用者輸入,使用 v-model 進行雙向繫結使得輕鬆更改資料變得非常容易。
HTML:
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">
{{message}}
<input v-model="message">
</div>
JS:
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
使用 v-model
指令在 VueJS 中進行雙向繫結非常容易。
在這裡檢視一個例項 。