绑定事件

1.@是v-on：的简写，通过v-on：指令绑定事件，指定一个methods选项里面定义的方法
调用方法时，不传参数，默认会将事件对象当成参数传递 -->
<button @click='sayHi'>sayHi</button>

  1. 调用方法时，传的是什么参数，接的就是什么参数
    <button @click="sayHello('hello')">sayHi</button>
  2. 调用方法时，传递一个event参数，该参数就是事件对象 <button @click="sayNice('Nice',event)">sayHi</button>
  3. 当前事件处理的代码比较简单，可以将代码直接写在行内，注意：只能操作Vue管理的数据 
     <p><button @click="age++">年龄++</button></p>
  4. 事件修饰符.prevent,用于阻止默认行为
    <div class="box" @contextmenu.prevent="showBox">box</div>
  5. .once ,用只绑定一次事件
    <div class="one" @click.once="one">
  6.  事件修饰符.stop，用于阻止冒泡事件 

    1.  .self，只能在自身元素上触发，不能在子元素上触发
      <div class="two" @click.stop="two"></div>
      </div>
  7. 每次键盘弹起都会调用事件方法
    请输入关键词：<input type="text" @keyup="keyup">
  8. 只在回车时，才会调用
    请输入关键词：<input type="text" @keyup.enter='keyup1'>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容