微客导航 » 文章资讯 » vue中$refs, $emit, $on, $once, $off的使用详解

vue中$refs, $emit, $on, $once, $off的使用详解

2023-08-23 01:14:04 403

1.$refs的使用场景

父组件调用子组件的方法，可以传递数据。

父组件：



点击父组件

子组件：

2.$emit的使用

子组件调用父组件的方法并传递数据。

子组件：

父组件：

3.$on的使用场景

兄弟组件之间相互传递数据。

首先创建一个Vue的空白实例（兄弟组件的桥梁）

importVuefrom'vue';
exportdefaultnewVue();

子组件A:发送放使用$emit自定义事件把数据带过去。

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

父组件：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。