VUE基础知识11

事件处理：
1.事件绑定监听：
1）v-on:xxx = "func"
2）@xxx = "func"
3）@xxx = "func(参数)"
4）v-on:xxx = "函数名"
2.参数
默认事件形象：event；隐含属性对象：$event，在原生事件中，它是事件对象，在自定义事件中，它是传递过来的数据。
3.事件修饰符
vue.js里面搜v-on有很多修饰符，开发过程当中：.stop和.prevent最常用，前者用来停止事件冒泡event.stopPropagation()，后者用来阻止事件的默认行为event.preventDefault()。
4.按键修饰符
.keycode,.enter,.tab,.delete,.esc,.space,.up,.down,.left,.right。
新建组件：dealEvents.vue

<button @click = "clickBtn('',$event)">hi</button>
//事件修饰符
<a href = "http://www.itlike.com" @click.prevent = "aClick">hi</a>
//产生了一个冒泡
<div style="width: 1000px;height: 100px;background-color:red;" @click="divClick">
    <button @click.stop = "btnClick">hi</button>
</div>
//按键修饰符
<input type="text" @keyup.enter="dealKey">

methods:{
    clickBtn(args,event){
        console.log(args);
        console.log(events);
    },
    aClick(){
        alert(0);
    },
    aClick(){
        alert('点击了里面的按钮！');
    },
    divClick(){
        alert('点击了副标签的按钮！');
    },
    dealKey(event){
        console.log(event['keyCode']);
    }
}