vue事件绑定处理

事件监听指令

 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码，通常是触发一个函数，简写@

<template>
  <div id="app">
    <button @click="count += 1">点击加1</button>
    <p>这个按钮被点击了{{count}}次</p>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      count: 0
    }
  }
}
</script>

 

方法事件处理器

许多事件处理的逻辑都很复杂，所以直接把 JavaScript 代码写在 v-on 指令中是不可行的

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

 

内联处理器方法

除了直接绑定到一个方法，也可以用内联 JavaScript 语句, 当不传参数时默认会有一个evnet（当前点击的事件） 。如果传入了参数，那么默认的原生DOM就不存在了，