什么是事件
- JavaScript和HTML之间的交互是通过事件实现的
事件，就是文档或浏览器窗口发生的一些特定的交互瞬间。可以使用监听器（或事件处理程序）来预定事件，以便事件发生时执行相应的代码。通俗的说，这种模型其实就是一个观察者模式。（事件是对象主题，而这一个个的监听器就是一个个观察者）
什么是事件流
事件流描述的就是从页面中接收事件的顺序。而IE和Netscape提出了完全相反的事件流概念。IE事件流是事件冒泡，而Netscape的事件流就是事件捕获。
事件捕获
当某个元素触发某个事件（如onclick），顶层对象document就会发出一个事件流，随着DOM树的节点向目标元素节点流去，直到到达事件真正发生的目标元素。在这个过程中，事件相应的监听函数是不会被触发的
事件目标
当到达目标元素之后，执行目标元素该事件相应的处理函数。如果没有绑定监听函数，那就不执行。
事件冒泡
从目标元素开始，往顶层元素传播。途中如果有节点绑定了相应的事件处理函数，这些函数都会被一次触发
事件流分为两种，捕获事件流和冒泡事件流 ：
捕获事件流从根节点开始执⾏。⼀直往⼦节点查找执⾏，直到查找执⾏到⽬标节点
冒泡事件流从⽬标节点开始执⾏，⼀直往⽗节点冒泡查找执⾏，直到查到到根节点
- 事件捕获:
当某个元素触发某个事件（如onclick），顶层对象document就会发出一个事件流，随着DOM树的节点向目标元素节点流去，直到到达事件真正发生的目标元素。在这个过程中，事件相应的监听函数是不会被触发的。
- 事件冒泡：
从目标元素开始，往顶层元素传播。途中如果有节点绑定了相应的事件处理函数，这些函数都会被一次触发。
事件流分 三个阶段
⼀个是捕获节点，
⼀个是处于⽬标节点阶段，
⼀个是冒泡阶段
- 阻止冒泡
1：e.stopPropagation ();//阻止事件冒泡；
2：e.preventDefault ();//阻止默认事件；
3： return false;//阻止冒泡，用于JQ;
function(event){
event.stopPropagation();//阻止冒泡事件
}
function(event){
event.preventDefault();//阻止默认行为
//return false;//也可以
}
- 阻止默认事件：
1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开，
2.event.preventDefault()方法 这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素；
- Vue 阻止默认事件 @click.stop 代表阻止冒泡事件 ; @click.prevent 代表阻止默认事件
