Vue中为什么bus.$emit第一次触发$on监听会失效？

本文共计551个文字，预计阅读时间需要3分钟。

使用 `$emit` 和 `$on` 的方法如下：

javascriptimport Vue from 'vue';export const bus=new Vue();

// 引用 bus.jsimport { bus } from './bus';

// 监听 'test' 事件bus.$on('test', function(msg) { console.log(msg);});

// 触发 'test' 事件，传递参数 11bus.$emit('test', 11);

// bus.$emit 触发第一次 emit 事件

$emit与emit与emit与 $on的用法

新建bus.js

import Vue from 'vue'

export const bus = new Vue()

引用bus.js

import {bus} from './bus' bus.$on('test', function (msg) { console.log(msg) }) bus.$emit('test', 11)

bus.$emit触发第一次emit触发第一次emit触发第一次 $on监听不到

因为$emit 先于 $on 执行了，VUE并没有储存监听事件，所以无法监听到数据。