2. 事件修饰符 · Vue · 看云

• 0. MVC和MVVM
• 1. v-model无法实时更新的解决办法
• 1. Vue 指令
• 1. v-cloak&v-text&v-html
• 2. v-bind
• 3. v-model
• 7. v-for指令的几种使用方式
• 8. v-if和v-show的使用
• 2. 事件修饰符
• 3. 通过属性设置样式
• 1. 通过属性绑定设置元素class
• 2. 通过属性绑定设置元素style
• 4. 自定义指令
• 11. 自定义全局指令
• 12. 自定义私有指令
• 5. 过滤器
• 6. 键盘指令
• 7. 生命周期
• 8. vue-resource
• 9. 动画
• 1. 使用过渡类名实现动画
• 2. 使用animate.css实现动画
• 3. 钩子函数实现小球半场动画
• 10. 组件
• 1. 全局组件的创建方式
• 2. 私有组件的创建方式
• 3. 组件中的data和methods
• 4. component元素
• 5. 组件配合transition元素实现动画
• 6. 父组件传参传方法
• 11. 路由
• 1. 什么是路由
• 2. vue-router的使用
• 3. 使用router-link&query方式传递参数
• 4. 使用param传值
• 5. 使用children属性实现路由嵌套
• 6. router-view之间获取父级data
• 12. 设置缓存
• 13. $ref 操作DOM&获取自定义属性

1. `.stop`阻止事件冒泡 ``` <div id="app" @click='divClick'> <button @click.stop="btnClick">点击</button> </div> ``` 2. `.prevent`阻止默认行为 ``` <a href="http://www.baidu.com" @click.prevent='linkClick'>点击</a> ``` 3.`.capture`实现捕获事件触发的机制（从外往里） 4. `.self`排除事件冒泡，只有点击当前元素时才会触发 5. `.once`只会触发一次 **1. 事件修饰符可以串联** `.prevent.once`事件只触发一次，阻止默认行为也只有一次 **2. `.stop`和`.self`的区别** `.self`只会阻止自己受到冒泡的影响 `.stop`阻止事件的冒泡