指令v-on

指令-v-on介绍

    1.什么是v-on指令?
    v-on指令专门用于给元素绑定监听事件
    
    2.v-on指令格式
    v-on:事件名称="回调函数名称"
    @事件名称="回调函数名称"
    
    3.v-on注意点:
    v-on绑定的事件被触发之后, 会去Vue实例对象的methods中查找对应的回调函数

指令-v-on修饰符

    1.v-on修饰符
    在事件中有很多东西需要我们处理, 例如事件冒泡,事件捕获, 阻止默认行为等
    那么在Vue中如何处理以上内容呢, 我们可以通过v-on修饰符来处理
    
    2.常见修饰符
    .once    - 只触发一次回调。
    .prevent - 调用 event.preventDefault()。 (阻止元素的默认行为, 例如：<a href="http://www.it666.com" v-on:click.prevent="myFn">我是A标签</a>)
    .stop    - 调用 event.stopPropagation()。 （ 默认情况下载嵌套的元素中, 如果都监听了相同的事件, 那么会触发事件冒泡
    如果想阻止事件冒泡, 那么可以使用.stop修饰符）
    .self    - 只当事件是从侦听器绑定的元素本身触发时才触发回调。
    .capture - 添加事件侦听器时使用 capture 模式。  (默认情况下是事件冒泡, 如果想变成事件捕获, 那么就需要使用.capture修饰符)

指令v-on 的注意点

    1.v-on注意点
    1.1绑定回调函数名称的时候, 后面可以写()也可以不写
    1.2可以给绑定的回调函