Vue事件绑定与监听

Vue事件绑定与监听:
    <button v-on:click=“say”>say</button>


    (1) 绑定事件:
v-on 绑定方法; 简写为@；  v-bind绑定变量
    
    (2) 修饰符:
用于事件传递的相关处理
(2.1) .stop.  阻止事件冒泡，等同于event.stopPropagation();
(2.2) .prevent  阻止dom默认事件的触发， 等同于event.preventDefault();
(2.3) .capture  监听事件，如果有事件传递经过了该dom，那么事件就会被触发；
(2.4) .self     只有事件是从本监听元素本身触发时，才触发回调；

<div v-on:click=“saySelf(‘click from inner’)” v-on:click:self=“saySelf(‘click from self’)”>
    <button v-on:click=“saySelf(‘button click’)”>button</button>
            <button v-on:clicl.stop=“saySelcf(‘just button click’)”>button</button>
</div>




    （3）监听键盘输入
(3.1) 监听键盘回车键
    <input v-on:13=“submit”>
    <input v-on:keyup.enter=“submit”>


(3.2) 其他按键监听. Enter,tab, delete, esc, space, up, down, left, right