Vue的事件修饰符
转载于: https://www.cnblogs.com/xuqp/p/9406971.html 事件处理 如果需要在内联语句处理器中访问原生DOM事件。可以使用特殊变量 $event ,把它传入到 methods 中的方法中。 在Vue中, 事件修饰符 处理了许多DOM事件的细节,让我们不再需要花大量的时间去处理这些烦恼的事情,而能有更多的精力专注于程序的逻辑处理。在Vue中事件修饰符主要有: .stop :等同于JavaScript中的 event.stopPropagation() ,防止事件冒泡 .prevent :等同于JavaScript中的 event.preventDefault() ,防止执行预设的行为(如果事件可取消,则取消该事件,而不停止事件的进一步传播) .capture :与事件冒泡的方向相反,事件捕获由外到内 .self :只会触发自己范围内的事件,不包含子元素 .once :只会触发一次 .stop 防止事件冒泡 冒泡事件:嵌套两三层父子关系,然后所有都有点击事件,点击子节点,就会触发从内至外 子节点-》父节点的点击事件 <!-- HTML --> <div id="app"> <div class="outeer" @click="outer"> <div class="middle" @click="middle">