首页 > 其他 > 详细

Vue中的自定义事件

时间:2021-07-13 22:45:54      阅读:22      评论:0      收藏:0      [点我收藏+]
- 原生DOM事件
  - 1.绑定事件监听
     如: div.onclick = () = > {}
    - 目标元素  div
    - 事件名称  click
    - 回调函数  ()=>{}
  - 2.调用事件(也称分发事件)
    - 当我们对目标元素进行相应的操作的时候,浏览器会自动的调用对应的事件
- vue自定义中的事件
  - 1.绑定事件监听
    - 用法: 比如:
      vm.$on("xxx",callback)
      解释:在Child标签当中绑定一个事件对象 fn , 事件名 xxx
  - 2.调用事件(分发事件)
    - 用法: 比如:
      vm.$emit("xxx",data)
      解释: 在当前组件中,调用(分发) xxx 事件,传入数据为data(data一般指event)
  - 3.解除事件
    - 用法:比如:
      vm.$off("xxx",callback)
- vue中自定义事件:
   - 一般用户子向父通讯 ==> 用来替代函数props来传递参数

Vue中的自定义事件

原文:https://www.cnblogs.com/Listener-wy/p/15008144.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!