事件处理可以用 v-on 指令监听 DOM 事件

demo 1

  The button above has been clicked {{ counter }} times.
var example1 = new Vue({
el: ‘#example-1’,
data: {
counter: 0
}
})
为了更好地处理事件Vue.js 为 v-on 提供了事件修饰符：
.stop
.prevent
.capture
.self
.once
.passive

表单输入绑定

可以用 v-model 指令在表单 、 及  元素上创建双向数据绑定。
v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件：
text 和 textarea 元素使用 value 属性和 input 事件；
checkbox 和 radio 使用 checked 属性和 change 事件；

select 字段将 value 作为 prop 并将 change 作为事件。

修饰符：
	.lazy在默认情况下，v-model 在每次 input 事件触发后将输入
框的值与数据进行同步。你可以添加 lazy 修饰符，
从而转变为使用 change 事件进行同步