常见的事件修饰符

    <!-- 6. passive 先执行默认行为 如：keydown(不适用)  wheel -->
    <input type="text" @keydown="clisix">
    <ul @scroll="gundong">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>

</div>
<script>
    Vue.config.productionTip = false 
    //Vue中的事件修饰符: 用于修饰事件
    // 1. prevent:阻止默认事件(常用) ;
    // 2.stop:阻止事件冒泡(常用) 
    // 3.once:事件只触发一-次(常用) ;
    // 4.capture:使用事件的捕获模式;
    // 5.self:只有event.target是当前操作的元素是才触发事件;
    // 6.passive:事件的默认行为立即执行，无需等待事件回调执行完毕(未成功！！！); 
    const vm = new Vue({
        el: '.root',
        data: {
            name: '中国！'
        },
        methods: {
            showInfo(e) {
                console.log(e.target);
            },
            clione() {
                alert('one')
            },
            clitwo() {
                alert('two')
            },
            clithree() {
                alert('three')
            },
            clifour() {
                alert('four')
            },
            clifive(num) {
                alert(num)
            },
            clisix(){
                alert('1')
            },
            gundong(){
               for(var i=0;i<1000;i++){
                   console.log('100');
               }
            }
        }
    })






</script>