v-on 案例

v-on 是 Vue.js 中用于绑定事件的指令，可以通过它将事件与组件中定义的方法进行关联。下面是一个简单的 v-on 案例：

HTML：

<div id="app">
  <button v-on:click="increment">Click me!</button>
  <p>{{ count }}</p>
</div>

Vue 实例：

new Vue({
  el: '#app',
  data: {
    count: 0
  },
  methods: {
    increment: function() {
      this.count++;
    }
  }
});

在上面的例子中，我们在 `<button>` 标签上使用了 `v-on:click` 指令，将点击事件与 Vue 实例中的 `increment` 方法进行了绑定。当用户点击按钮时，就会触发 `increment` 方法，从而将 `count` 的值加一，并且这个变化会反映到页面中的 `<p>` 标签中。