学习尚硅谷Vue总结

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