vue中$refs、$emit、$on的使用场景

1、$emit的使用场景

子组件调用父组件的方法并传递数据
注意:子组件标签中的时间也不区分大小写要用“-”隔开

子组件:
[crayon-5f9602a1362e1285223230/]
父组件:

2、$refs的使用场景

父组件调用子组件的方法,可以传递数据
注意:子组件标签中的时间也不区分大小写要用“-”隔开

父组件:
子组件:

3、$on的使用场景

兄弟组件之间相互传递数

首先创建一个vue的空白实例(兄弟间的桥梁)

子组件 childa
发送方使用 $emit 自定义事件把数据带过去

子组件 childb
而接收方通过 $on监听自定义事件的callback接收数据

父组件:

未经允许不得转载:一点博客-青梅煮码-共享博客 » vue中$refs、$emit、$on的使用场景
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏