v-on的基本使用和语法糖

在前端开发中,我们需要经常交互

  • 在这个时候,我们必须监听用户发生的时间,比如点击、拖拽、键盘事件等等
  • 在vue中如何监听事件呐?使用v-on指令

v-on介绍

  • 作用:绑定事件监听器
  • 缩写(语法糖):@——eg:@click=""
  • 预期:Function || Inline Statement || Object
  • (需要传)参数:event——需要传参,但是忘记传参,会提示undefined
    在事件定义时,写方法时省略了小括号,但是方法本身是需要一个参数的,这个时候,vue会默认将浏览器生产的event事件作为参数传入到方法
  • 在方法定义时,我们既需要event对象,又需要其他参数,则在调用时,event参数调用表示为:$event,这样就可以去方法中找event参数,而不是去data中找

你可能感兴趣的:(v-on的基本使用和语法糖)