1.native 【自定义组件】 使用自定义组件，添加点击事件时，当自定义组件渲染后，自定义组件内部的原生dom取代组件在页面上渲染后，导致添加的事件找不到承载方而引起事件失效（native 会让事件转载到自定义组件的最外层标签上）
2.stop 【阻止冒泡事件】 防止dom冒泡，没什么可说的，子dom点击事件执行后就停止，阻止父dom的事件也执行（阻止单击事件继续传播）
3.prevent 【针对form表单提交】提交事件不再重载页面，组织form表单提交导致页面刷新
4.capture 【暂时不知道什么场景用】 添加事件监听器时使用事件捕获模式，即元素自身触发的事件先在此处理，然后才交由内部元素进行处理，和正常的事件传输模式相反
5.self 【阻止子dom事件和stop相似，stop是添加在子dom，self是添加在父dom】只当在 event.target 是当前元素自身时触发处理函数，即事件不是从内部元素触发的
6.once 【按钮事件只被执行一次】点击事件将只会触发一次
7.passive 【页面的滚动事件】 滚动事件的默认行为 (即滚动行为) 将会立即触发，而不会等待 onScroll 完成，这其中包含 event.preventDefault()
关于vue click 修饰符理解
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- (1) export 和 export default 的区别 export ( import ) 可以有多个，e...
- 一、修饰符是什么 在程序世界里，修饰符是用于限定类型以及类型成员的声明的一种符号 在Vue中，修饰符处理了许多DO...
- 为了方便大家写代码，vue.js给大家提供了很多方便的修饰符，比如我们经常用到的取消冒泡，阻止默认事件等等~ 目录...
