Шина событий прослушивает, но не выполняет действия в Vue.JS

Question

У меня проблема с шиной событий. Не уверен, что это может быть проблема.

При входе в систему (компонент) Успешно:

LogIn(){
            Log.Success().then( user => {
            this.$router.replace('/')
            this.$eventBus.$emit('Sux');
            },  error => { 
                //Error
            });
        },

Если вход в систему успешен, пользователь будет перенаправлен на домашнюю страницу На домашней странице я слушаю событие:

data(){
   return{
      this.LogSuccess = false,
   }
}

created(){  

    this.$eventBus.$on('Sux', () => {
        this.LogSuccess = true
        alert(this.LogSuccess)
        console.log(this.LogSuccess)
    })

В console.log я вижу true, что вполне нормально, но данные не отображаются

Я ожидаю, что LogSuccess станет истинным и покажет данные, которые отображаются, только если условие LogSuccess истинно.

Но, к сожалению, он не отображается.

Я пытаюсь отобразить сообщение об успехе на панели Snackbar после успешного входа пользователя.

Любая помощь будет высоко ценится

Answer 1

Попробуйте прослушать шину событий в смонтированном событии жизненного цикла.