首页 > 其他 > 详细

Vue自定义事件

时间:2019-07-17 11:26:52      阅读:98      评论:0      收藏:0      [点我收藏+]

 父组件使用props传递数据给子组件,子组件怎么跟父组件通信呢?这时,Vue的自定义事件就派上用场了。本文将详细介绍Vue自定义事件;

  • 使用 v-on(eventName) 监听事件
  • 使用 $emit(eventName) 触发事件

我们在myapp/src/components下新建一个组件Emit.vue,同时我们得在主组件APP.vue中引入该组件,以及注册该组件

技术分享图片

然后我们在Emit.vue文件中去些一个自定义事件的例子

技术分享图片

当我们点击按钮就能获取到组件内部的事件和参数

技术分享图片

 

Vue自定义事件

原文:https://www.cnblogs.com/wangtong111/p/11199472.html

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