如何使用将Vue 2 $on，$emit事件总线迁移到Vue 3？

55ooxyrt 于 2023-01-21 发布在 Vue.js

关注(0)|答案(1)|浏览(171)

如何将VueJS v2代码转换为v3？

window.Eventing = new (class {
    constructor() {
        this.vue = new Vue();
    }
    fire(event, data = null, subdata = null) {
        this.vue.$emit(event, data, subdata);
    }
    listen(event, callback) {
        this.vue.$on(event, callback);
    }
})();

vue.js

来源：https://stackoverflow.com/questions/67302790/how-to-use-migrate-vue-2-on-emit-event-bus-to-vue3

1条答案

按热度按时间

66bbxpm51#

Vue 3不再支持其原型中的事件发射API（包括$emit和$on），但您可以切换到不同的事件发射器库，例如tinyemitter（适合CDN使用）或tiny-emitter，其API与Vue 2中的原始API非常接近：

import TinyEmitter from 'tinyemitter'

window.Eventing = new (class {
    constructor() {
        this.emitter = new TinyEmitter();
    }
    fire(event, data = null, subdata = null) {
        this.emitter.emit(event, data, subdata);
    }
    listen(event, callback) {
        this.emitter.on(event, callback);
    }
})();

demo

赞(0）回复(0）举报 2023-01-21

我来回答

如何使用将Vue 2 $on，$emit事件总线迁移到Vue 3？

1条答案

相关问题

热门标签

最新问答