vue.js的事件处理器v-on:click

用 v-on 指令监听 DOM 事件

注意:HTML5中不能使用v-on，换为@

（1）html代码：

<div id="example">
  <button v-on:click="greet">Greet</button>
  或者

  <button @click="greet">Greet</button>
</div>

（2）js代码：

var vm = new Vue({
  el: "#example",
  data: {
    name: "Vue.js"
  },
  // 在 `methods` 对象中定义方法
  methods: {
    greet: function (event) {
      // 方法内 `this` 指向 vm
      alert("Hello " + this.name + "!")
      // `event` 是原生 DOM 事件
      alert(event.target.tagName)
    }
  }
})

（3）效果展示：