Как обратиться к root шаблону из компонента в NUXT?

Question

[Евгений]

Подскажите такой вопрос.
При работе с чистым vue, какие то вещи хранил в основном компоненте app (файл локализации, общие подгружаемые настойки системы, какие то методы которые я использую часто и везде) и из внутренних компонентов обращался к ним через this.$root.....
Тут же в Nuxt получается $root компонент совсем другой, свой у Nuxt.

Подскажите как корректно мне обратиться в root моего layout где всё храниться.
Или может я вообще не корректно делаю то что храню в root компоненте какие то данные и методы. Есть какой то другой и правильный способ. Направьте меня правильно :)

Answer 1

[Aetae]

export, import?
Provide, Inject?

Comments

[Евгений]

Получается это нужно делать в каждом компоненте?
До этого я делал всё в $root компоненте, а потом обращался к нему. Или это тоже самое по сути?

[Aetae]

Евгений, ну так ты везде писал this.$root.foo, теперь везде будешь писать import foo from './helpers' или типа того. Если это всё меняется в зависмости от лэйаута, то тогда везде писать inject, да. Можно ещё голбальный mixin зафигачить...

[Евгений]

Aetae, Ок буду пробовать через import в каждом компоненте.
inject к сожалению не получится т.к. vue2

[Aetae]

Евгений, так vue 3 вообще целиком на import'ах построено, там и говорить не о чем. Собери свой функциональный конструктор.

Answer 2

[no_one_safe]

Для хранения глобальной информации используй vuex

Comments

[no_one_safe]

только, видимо, у тебя vue3? Я этого не понял.

[Евгений]

Да нет, у меня как раз nuxt на vue2

[no_one_safe]

Евгений, тогда store однозначно.