v-on

v-on，简单来说就是事件处理，可以用@代替，比如v-on:click等同于`@click

常用的事件

• @click：点击事件
• @dblclick：双击事件
• @mouseover：鼠标移动到元素的事件
• @mouseout：鼠标移出元素事件
• @mouseenter：鼠标进入元素事件（不会冒泡）
• @mouseleave：鼠标离开元素事件（不会冒泡）
• @keydown：键盘按下事件
• @change：改变事件，通常用在表单中

使用

<template>
  <div>
    <button @click="showMessage"></button>
  </div>
</template>

<script>
export default {
  methods: {
    showMessage(){
      altert("This is a message!");
    }
  }
};
</script>