监听事件

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

示例:

  1. <div id="example-1">
  2. <button v-on:click="counter += 1">Add 1</button>
  3. <p>The button above has been clicked {{ counter }} times.</p>
  4. </div>
  1. var example1 = new Vue({
  2. el: '#example-1',
  3. data: {
  4. counter: 0
  5. }
  6. })

结果:

监听事件 - 图1