熟悉了 Vue 的指令系统后，在实际开发中，不可避免的会使用到对于事件的操作，如何处理 DOM 事件流，成为我们必须要掌握的技能。不同于传统的前端开发，在 Vue 中给我们提供了事件修饰符这一利器，使我们可以便捷的处理 DOM 事件，本章，一起来学习如何使用事件修饰符来实现对于 DOM 事件流的操作。

 1 <div id="app" class="divDefault"> 2     <div id="div1" @click="divHandlerClick"> 3         <input type="button" value="点击" @click="btnHandlerClick" /> 4     </div> 5 </div> 6  7 <script> 8     var vm = new Vue({  9         el: '#app', 10         data: {}, 11         methods: { 12             divHandlerClick() { 13                 alert('我是div的点击事件！') 14             }, 15             btnHandlerClick() { 16                 alert('我是button的点击事件') 17             } 18         } 19     }); 20 </script>