今天主要学习了Vue的事件处理、事件修饰符、键盘事件,这些都是Vue对事件做的一些自己的设计,先说最基本的事件处理,首先它从语法上和传统的js代码不同,它无需到js中获取DOM元素,而是在body容器里面就可以给元素绑定事件了,触发事件之后的回调函数则需写在Vue实例的methods属性里面,这里切记一定不能使用箭头函数,我们要让回调函数的this指向Vue,如果使用的是箭头函数则会往外找最后指向的是window。第二个就是事件的修饰符,这个修饰符的作用同样是可以省略很多的代码,无需在js中写,而是在刚才说到的事件后面加个点就可以接着写修饰符了,Vue事件修饰符的作用和传统的js代码一样,比如阻止默认事件、阻止事件冒泡、使用捕获模式等等,通过简写的方式就可以实同样的效果,这里感觉要自己多动手去敲熟练代码才是关键。最后学到的就是键盘事件,Vue同样把用的比较多的按键统计出来了,键盘有两个不同的事件就是按下触发和抬起触发,当我们使用系统的修饰件时要多加注意,配合着两种事件来达到自己想要的效果,Vue还提供给我们自定义按键别名,可以通过代码keyCode属性得知按键的编码,再通过编码去给按键起别名。
学习尚硅谷Vue总结
最新推荐文章于 2024-08-23 13:45:37 发布