Vue事件修饰符(一).stop .capture
#### 简介
Vue提供了事件绑定的语法糖,我们在标签中可直接使用形如v-on:click,@click,@focus的形式绑定事件监听器,并且可以使用修饰符对事件进行option设置。本次解释下stop与capture的修饰符。**stop是阻止事件传递**,**capture是在捕获的过程监**听,没有capture修饰符时都是**默认冒泡过程监听。****
**
#### **[冒泡与捕获](https://www.jianshu.com/p/3f0ee1f6ec30)**
首先我们需要形成监听器的思想。在不使用任何框架的情况下,我们在js中通过
more...Vue事件修饰符(二).prevent .passive
#### 简介
Vue提供了事件绑定的语法糖,我们在标签中可直接使用形如v-on:click,@click,@focus的形式绑定事件监听器,并且可以使用修饰符对事件进行option设置。本次解释下prevent 与passive的修饰符。**prevent 是拦截默认事件**,**passive是不拦截默认事件。**
#### **prevent**
某些标签拥有自身的默认事件,如a[href="#"],button[type="submit"] 这种标签在冒泡结束后会开始执行默认事件。注意默认事件虽然是**冒泡后开始**,但**不会因为stop阻止**
more...Vue事件修饰符(三).self连缀
#### 简介
Vue提供了事件绑定的语法糖,我们在标签中可直接使用形如v-on:click,@click,@focus的形式绑定事件监听器,并且可以使用修饰符对事件进行option设置。本次解释**self**修饰符以及self连缀的情况。
#### **self**
self 的作用是,只在目标Dom是绑定了动作的Dom才触发。栗子如下图。我给2号图层的捕获监听与3号图层的冒泡监听加上self修饰符。当我点击最里层的a标签时,控制台会输出**1 3 4 4 2 1 。**因为我们本次的目标Dom是4号a标签,所以我们绑定在2号与3号的监听在有self修
more...Vue事件修饰符(四).native .once
#### 简介
Vue提供了事件绑定的语法糖,我们在标签中可直接使用形如v-on:click,@click,@focus的形式绑定事件监听器,并且可以使用修饰符对事件进行option设置。本次解释**once**修饰符以及**native**修饰符的情况。
#### **once**
绑定once的监听器只会触发一次,在第一次触发后该监听器会被remove掉。很简单不多做解释了。
#### **native**
我们可以称native为原型绑定。只有**使用vue组件时**我们会用到这个修饰符。当我们在组件上绑定监听时,我们绑定的是组
more...




