присвоение к window в main.js
window.myVar = myVar
но почему-то при загрузке приложухи эти переменные не подхватываются в app.vue, и выводит undefined. Но если в консоле ввести myVar то он ее отобразит. Видимо, когда webpack собирает проект, он еще не знает, что есть window
пытался через глобальную дату
new Vue({
data: {
myVar: myVar
}
})
но, видимо, я все равно тупаЭ и не могу понять как правильно вывести this.$root.myVar и выдает ошибку что нету $root
просто мне эти переменные нужно использовать как в компонентах, так и в стейте vuex. Они присваиваются в зависимости от того, какой билд я собираю.
.env
оно у меня там и задается )
Можно просто сделать отдельный модуль, и импортировать его туда, где он нужен. // module.js export const variable = "value" // component / vuex import { variable } from './path/to/module'
да, тоже вариант. Спасибо.
Во Vue компонентах, чтобы не импортировать потом везде, можно использовать провайд или расширять прототип Vue
пойду про провайд почитаю ) чет не помню что он делает
Предоставляет что-либо всем потомкам, позволяя потомкам явно внедрять это. От прототипа будет в первую очередь отличаться явностью и возможностью указать значению по умолчанию
А что это за переменная окружения, которая нужна и в компонентах, и в сторе?
это мой личный велосипед ))) я просто только сегодня узнал про .env и теперь смотрю как это можно использовать
Переменные окружения нужна для тех переменных которые зависят от окружения) Это разные URI сервисов/API, токены доступа, конфигурация, которая определяет поведение в разном окружении и т.д.
Да я в общем-то понял. Я просто хочу прописать условия. Чтобы у меня необходимые конфигурации приложения собирались в зависимости от --mode при сборке. А то задолбался в ручную коменты проставлять. Постоянно забываю обратно на проде поменять что-нибудь.
не совсем понял вопрос
Вы Webpack используете?
Я использую vue-cli которая основана на webpack. Если вы об этом
Да ее наверное все используют.
Обсуждают сегодня