描述一下什么是Vue2中的v-on指令，并阐述其应用场景及对应的代码案例

Vue2中的v-on指令是用来绑定事件的，它可以监听DOM事件、自定义事件以及组件事件。v-on指令后面接事件名称，事件处理函数可以是一个方法名或者内联表达式。

应用场景：

1. 监听用户的点击、滚动、鼠标移动等交互事件，实现动态交互。

2. 监听表单的输入事件，实现数据的双向绑定。

3. 监听自定义事件，实现组件之间的通信。

代码案例：

1. 监听点击事件

<template>
  <button v-on:click="handleClick">点击我</button>
</template>

<script>
export default {
  methods: {
    handleClick() {
      console.log('点击了按钮');
    }
  }
}
</script>

2. 监听表单输入事件

<template>
  <input type="text" v-model="message" v-on:input="handleInput">
  <p>{{ message }}</p>
</template>

<script>
export default {
  data() {
    return {
      message: ''
    }
  },
  methods: {
    handleInput() {
      console.log('输入框的值变化了');
    }
  }
}
</script>

3. 监听自定义事件

// 父组件
<template>
  <div>
    <child v-on:custom-event="handleCustomEvent"></child>
  </div>
</template>

<script>
import Child from './Child.vue'

export default {
  components: {
    Child
  },
  methods: {
    handleCustomEvent() {
      console.log('子组件触发了自定义事件');
    }
  }
}
</script>

// 子组件
<template>
  <div>
    <button v-on:click="handleClick">点击触发自定义事件</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      this.$emit('custom-event');
    }
  }
}
</script>