Как получить доступ к переменной из внешнего компонента в NuxtJS?

Question

[EvilDev]

Здравствуйте.
Есть шапка сайта Header.vue в которой располагаются модальные окна авторизации.
Так же есть кнопка с отдельным компонентом для добавления товара в избранное FavoriteButton.vue
Если пользователь не авторизирован, надо изменить переменную в Header из FavoriteButton, чтобы показать окно.
Как можно получить доступ к data() Header из любой точки приложения?

Comments

[Евгений]

Как в nuxt не знаю, но у vue это так:
const myVue = new Vue({.....})
myVue.$data

[WapSter]

Чем vuex не угодил, тем более в nuxt он по умолчанию включен

[EvilDev]

WapSter, Ради одной переменной юзать целую модель? Должен быть более простой способ.

[Константин Б.]

EvilDev, кому должен? Вам лично? Или нам всем? Не ибите мозги ни себе ни нам

Answer 1

[Константин Б.]

Никак. Используйте Vuex

Comments

[EvilDev]

Ну мне кажется это как по воробьям из пушки палить, не ужели нет более простого способа решить эту задачу?

[Константин Б.]

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

[EvilDev]

Константин Б., Порывшись еще в интернете понял, что ваш ответ самый простой в решении. Спасибо.