vue.js

事件处理可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。

Add 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 事件进行同步：