如何在vue js中监听eventBus的值

Question

我正在尝试获取搜索输入值，但是失败。

在这里，我正在通过事件总线发送值：

import eventBus from "../../../services/eventBus";

export default {
    name: "Navbar",
    data() {
        return {
            searchInputValue: '',

        }
    },
    watch: {
        searchInputValue(val) {
            eventBus.$emit("search", val);
        }
    }
}

我正在尝试获取值：

import eventBus from "./services/eventBus";

export default {
    data() {
        return {
            searchInputValue: null
        }
    },
    created() {
        eventBus.$on("search", data => {
            console.log(data);
        });
    }
}

eventBus

import Vue from 'vue' 

const eventBus = new Vue(); 

export default eventBus;

但是我得到这个错误：

  

[Vue警告]：创建的挂钩中出现错误：“ TypeError：_services_eventBus__WEBPACK_IMPORTED_MODULE_4 ___ default.a。$ on不是函数”