一、前言
这个作者将vue常见的一些事件进行梳理，方便后期的回顾与学习，当然这些内容在vue的官网有也详细的记录，这些呢，博主把常见的事件通过案例的形式进行记录，希望对大家有所帮助。
二、Vue常见事件
1、v-if类
基于表达式值的真假性，来条件性地渲染元素或者模板片段。既然有v-if,那么v-else-if、v-else也是不能缺少的。下面代码中，就把这三个事件结合起来使用。
代码：
A
B
C
在该代码中会根据判断type的类型，显示相应的内容。
效果：
2、v-for
基于原始数据多次渲染元素或模板块。其实就是对我们的数据进行for循环输出。
代码：
{{item.message}}---{{index}}
如代码所示，我们在data属性中有一个items数组，我们通过v-for的形式来遍历items中的值，而其中的index代表对应数组的下标。
效果：
3、v-bind
v-bind 主要用于属性绑定，比方你的class属性，style属性，value属性，href属性等等，只要是属性，就可以用v-bind指令进行绑定。ps:简写形式“ : ”
代码：
123
如上代码所示，在h1标签中我们绑定了title对应data中的name,运行后当我们将鼠标放在显示的内容上就会显示对应的title内容。
效果：
4、v-on
给元素绑定事件监听器。语法：v-on:事件名= "触发事件";缩写：@事件名="触发事件" 。
常见点击事件：
代码：
效果：
5、v-model（*）
双向数据绑定。即当数据发生变化的时候，视图也发生变化，当视图发生变化的时候，数据也跟着同步变化，这是vue.js的精髓。在表单中我们可以用v-model指令在表单、