通常情况下，我们需要使用一个方法来调用 JavaScript 方法。

 

v-on 可以接收一个定义的方法来调用。

 

v-on

<div id="app">

  <!-- `greet` 是在下面定义的方法名 -->

  <button @click="greet">点我</button>

</div>

 

<script>

const app = {

  data() {

    return {

      name: 'Runoob'

    }

  },

  methods: {

    greet(event) {

      // `methods` 内部的 `this` 指向当前活动实例

      alert('Hello ' + this.name + '!')

      // `event` 是原生 DOM event

      if (event) {

        alert(event.target.tagName)

      }

    }

  }

}

 

Vue.createApp(app).mount('#app')

</script>