Vue.js Как в роуте вызвать обновление компонента, вызванного в App.vue?

Question

[dark_king_13]

В App.js у меня вызывается компонент Menu, в который отправляется набор ссылок. Есть 2 набора, один для зарегистрированного пользователя, другой для незарегистрированного.
В App.vue есть следующий код:


Но его проблема в том, что меню обновляется только при полной перезагрузке страницы, а мне нужно чтобы, когда, после авторизации, пользователя перебрасывает на главную страницу, набор ссылок обновлялся.
Вызов location.reload() в компонентах LogIn и LogOut помогает решить эту проблему, но добавляет новую, собственно, саму перезагрузку. Какие ещё есть варианты решения проблемы?

Answer 1

[Aetae]

Сам по себе localStorage не реактивен, так что ваш computed не имеет особого смысла.

По-хорошему token просто надо хранить в рективном store(не обязательно vuex, можно просто observable), и во всех местах получать и класть его через этот store. Тогда всё будет работать из коробки.
Если же в localStorage token прилетает откуда-то сам, то придётся вам повесить событие onstorage и отлавливать изменения вручную в нужных местах.

Answer 2

[VegasChickiChicki]

Почему эти данные в mounted? Просто занесите их в data, в чем проблема?

Comments

[dark_king_13]

там просто опечатка, вторая переменная тоже isToken, мне нужно, чтобы в зависимости от значения isToken рендерилось разное меню, а значение isToken должно зависеть от самого токена