这篇文章主要介绍了vue中$refs, $emit, $on, $once, $off的使用详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
1.$refs的使用场景
父组件调用子组件的方法，可以传递数据。
父组件：
子组件：
2.$emit的使用
子组件调用父组件的方法并传递数据。
子组件：
父组件：
//父组件通过监测my-event事件执行一个方法，然后取到子组件中传递过来的值。
3.$on的使用场景
兄弟组件之间相互传递数据。
首先创建一个Vue的空白实例（兄弟组件的桥梁）
import Vue from 'vue'; export default new Vue();
子组件A:发送放使用$emit自定义事件把数据带过去。
A组件-{{msg}}
子组件B:接收方通过$on监听自定义事件的callback接收数据
B组件，A传的数据为--{{msg}}
父组件：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持本站。
以上就是vue中$refs, $emit, $on, $once, $off的使用详解的详细内容，更多请关注本站其它相关文章！
