Глобальная шина событий Vue.js это норм?

Question

[Эмиль Рахматуллин]

Нормальная ли практика - использовать шину событий глобально в крупных проектах?
app.js:

import Vue from 'vue'

Vue.prototype.$bus = new Vue()

new Vue({
	el: '#app',
})

Answer 1

[Эмиль Рахматуллин]

Вместо шины событий лучше использовать Vuex

Answer 2

[Андрей]

Нет, это убогий антипаттерн, от которого нужно бежать.

Comments

[Эмиль Рахматуллин]

Лучше создавать файл bus.js и импортировать его где нужен? Или как лучше сейчас?
bus.js

import Vue from "vue"
export const bus = new Vue()

ItemComponent.vue

<template>
    <div>...</div>
</template>

<script>
    import {bus} from "./bus"

    export default {
        created(){
            bus.$on('event',  /* func */)
        }
    }
</script>

[Андрей]

Любая шина событий это плохая мысль. Ниже приложили ссылку.

[Эмиль Рахматуллин]

Андрей, нашёл ответ. Спасибо) Опубликую

Answer 3

[0xD34F]

Эта штука уже несколько лет как не рекомендуется к использованию.
Но, конечно, решение за вами, надо - используйте.

Answer 4

[Aetae]

Если игнорировать охоту на ведьм, то использовать шину событий стоит тогда когда нужны события. Если нужно состояние и его изменение - шина события действительно антипаттерн, но именно в этом случае.

Однако вариант с bus = new Vue() хоть и прост, но чреват утечками памяти. Лучше делать шину через глобальный миксин, который по destroy автоматически очистит всех слушателей конкретного компонента.