Как повторно рендерить родительский компонент из дочернего, используя глобальные переменные?

Question

[Борис Сорин]

Как инициировать повторный рендеринг родительского компонента из дочернего.
Прочитал, что это происходит при изменении вычисляемого свойства.
Создал глобальную переменную

new Vue({
  // глобальные переменные
  data: {
    bUpdate: false
  },
}).$mount('#app');

В родительском компоненте создал вычисляемое свойство:

computed: {
    compProp{
      return this.$root.bUpdate;
    },
  }

В дочернем компоненте в методе callReender() изменил значение глобальной переменной:

methods: {
  callReender() {
     this.$root.bUpdate = !this.$root.bUpdate;
  }
}

Реендеринг родительского компонента не происходит.
Почему?

Comments

[monax33349]

А почему просто не емитить событие а в родительском компоненте слушать и не перерендривать?

[Борис Сорин]

Я так и сделал. Формирую событие в дочернем компоненте. В родительском при обработке этого события опять формирую такое же событие, пока событие не достигнет главного родительского компонента. А там уже запускаю процесс реендеринга.