事件的基本使用:
使用v-on:xxx或@xxx绑定事件,其中xxx是事件名
事件的回调需要配置在methods对象中,最终会在vm上
methods中配置的函数,不要用箭头函数,否则this就不是vm
methods中配置的函数,都是被Vue管理的函数,this的指向是vm或组件实例对象
@click=”demo”和@click=”demo($event)”效果一致,但后者可以传参
事件修饰符
prevent:阻止默认事件
stop:阻止事件冒泡
once:事件只触发一次
键盘事件
1 Vue常用按键别名:
回车:enter
删除:delete
退出:esc
空格:space
换行:tab(特殊,必须配合keydown使用)
上:up
下:down
左:left
右:right
2 Vue未提供别名的按键,可以使用按键原始的key值去绑定,但注意要转为keb-case(短横线命名)
3 系统修饰符(用法特殊):ctrl,alt,shift,meta
(1)配合keyup使用:按下修饰键的同时再按下其他键,随后释放其他键,事件才被触发
(2)配合keydown使用:正常触发事件
4 也可以使用keyCode去指定具体的键
5 Vue.config.keyCode自定义键名=键码,可以定制按键别名