Прокинь $root.$emit на все компоненты, если только буливое значения нужно слушать

Не надо делать так. Там уже предложили provide/inject - нормальный способ. Хотя, если только css перекрасить, можно и одним классом на корневой элемент

Хочу сделать ночную тему на сайте. То есть фон черного цвета, а блоки светлее. Сделал для этого компонент BackgorundNight.vue. В нем создаю метод, который будет добавлять классы к этим div'блокам которым надо изменить цвет. К примеру захожу я в компонет header и добавляю v-bind:class="{background__change: isActive}" к хедеру, ну а как мне с компонента BackgroundNight достучаться к компоненту Header и заменить isActive на true? и так в каждом компоненте

Зачем так сложно? Можно обойтись сменой одного css класса у родительского элемента. Зачем пихать JS логику туда, где она не нужна?

Зачем так сложно? Можно обойтись сменой одного css класса у родительского элемента. Зачем пихать JS логику туда, где она не нужна?

если там скопед стили, то тогда полюбасу нужно будет каждый в каждый компонент писать стили, да и вообще некошерно определять по стилю главного элемента - не по БЭМовски )))

если там скопед стили, то тогда полюбасу нужно будет каждый в каждый компонент писать стили, да и вообще некошерно определять по стилю главного элемента - не по БЭМовски )))

Нее... там нет таких стилей, все в одном css файле

если там скопед стили, то тогда полюбасу нужно будет каждый в каждый компонент писать стили, да и вообще некошерно определять по стилю главного элемента - не по БЭМовски )))

Ну ок, тогда переменная в vuex.

Нее... там нет таких стилей, все в одном css файле

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

Ну ок, тогда переменная в vuex.

это полукостыль, лучше provide - inject

Нее... там нет таких стилей, все в одном css файле

Тогда однозначно стиль на родителя и менять класс просто

это полукостыль, лучше provide - inject

С чего это переменная в вуекс - это костыль? В данном случае это идеальное применение. Разве что если в приложении вообще не подключен вуекс.

С чего это переменная в вуекс - это костыль? В данном случае это идеальное применение. Разве что если в приложении вообще не подключен вуекс.

И он естественно не подключен:)

Адам Ватан считает по другому, и в своем курсе использует на ура

+

Знаете в чем минус и плюс этой штуки?

Не знал про provide-inject. Почитал, действительно в данном случае идеальное решение.

Плюс: в том что он автоматом передается вниз по дереву к дочкам и вунчкам и так далее Минус: смотреть его плюс

да, нет реактивности

да, нет реактивности

Есть там реактивность, просто нужно определенным образом формировать их

угу, через обьект

ну я так и не понял в чем его минус

Не знал про provide-inject. Почитал, действительно в данном случае идеальное решение.

+

provide нужно использовать в родительском компоненте, но компонент BackgroundChange вообще не родителеский, я его подключаю в компоненте Navbar, а компонент Navbar подключаю уже в родительском компоненте App, как мне тут поступить?

ну я так и не понял в чем его минус

Ты не можешь контролировать глубину распространения

Т.е его распространенре кончается тогда, когда в дереве компонентов дошли до листа

ну, так ничего не мешает прото не inject в тех компонентах где он не нужен

Типичный пример использования этой фичи: radio group

а что мешает глобально тему хранить?

Типичный пример использования этой фичи: radio group

хм ... если вложеность небольшая, тогда вообще можно прокидывать пропсами

Плюс: в том что он автоматом передается вниз по дереву к дочкам и вунчкам и так далее Минус: смотреть его плюс

Да, но для того, что бы достучаться до него, нужно в детях вводить название провайдера.

Типичный пример использования этой фичи: radio group

А где можно глянуть на такой пример?

А где можно глянуть на такой пример?

Vuetify

Vuetify

а че там смотреть, там такие исходники что чет ногу сломит, у них видимо китайская парадигма создания классов )))

а че там смотреть, там такие исходники что чет ногу сломит, у них видимо китайская парадигма создания классов )))

Напомни мне завтра часов в 11-12, я тебе кину куда смотреть

Напомни мне завтра часов в 11-12, я тебе кину куда смотреть

по московскому времени?

по московскому времени?

Да

вообще архитектурно можно создавать Renderless компонент на базе которого будут сроится все другие компоненты, тогда как бы будет еще проще рулить глобальными настройками

а вообще курс Адама Ватана очень шикарный - рекомендуется всем к просмотру )))

provide нужно использовать в родительском компоненте, но компонент BackgroundChange вообще не родителеский, я его подключаю в компоненте Navbar, а компонент Navbar подключаю уже в родительском компоненте App, как мне тут поступить?

Ребята, скажите как сделать

хех, не могу куку записать httpOnly, кто-то сталкивался ? без атрибутов пишется. Axios конфиг

может я что-то не правильно делаю ?

Ребята, скажите как сделать

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

я с ним не работал

ну поработай

тыжпрограммист

....))

давай, будет весело

20 минутное приключение, туда и обратно

как говорится

блеть, почему я не могу устрановить куки httpOnly ? сталкивался кто-то ?

jwt=toket; Max-Age=604800; HttpOnly

блеть, почему я не могу устрановить куки httpOnly ? сталкивался кто-то ?

Ну наверно потому что httponly ставится только с сервера

хм..

Спасибо!!)))))

а вообще курс Адама Ватана очень шикарный - рекомендуется всем к просмотру )))

++ Правда, я только бесплатные видосы смотрел, но он молодец.

Ну наверно потому что httponly ставится только с сервера

Я бы даже уточнил - httpOnly куки не доступны из js

Я бы даже уточнил - httpOnly куки не доступны из js

это я знаю ))

++ Правда, я только бесплатные видосы смотрел, но он молодец.

Это кто? Дайте ссылку плз

а вообще курс Адама Ватана очень шикарный - рекомендуется всем к просмотру )))

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

ну т.е. чем он крутой

а вообще курс Адама Ватана очень шикарный - рекомендуется всем к просмотру )))

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

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

https://adamwathan.me/advanced-vue-component-design/ мб это, сам хз, но загуглил просто

ERROR: S client not available

Есть живые?

Есть живые?

есть

есть

В тесты с vee-validate пробовал?

В тесты с vee-validate пробовал?

нет) я немного знаю))

подскажи где правильно хранить состояние? vuex?

ясно))

подскажи где правильно хранить состояние? vuex?

Все зависит от кейсов

Привет, такая проблема. У меня есть график, и мне надо посчиать определнные метрки для конкетрной точки на этом графике. Метрики должны выводиться в табличку. Что я делаю сейчас - слушаю ивент наведения на график, в этом методе вызываю метод подсчета метрик. Но как мне теперь передать это в табличку я не понимаю. Каждый раз, когда я выбираю новую точку, таблица должна обновляться.

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

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

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

Все зависит от кейсов

я использую локал сторэдж, но незнаю насколько это правильно, и как оно будет работать на смартфоне

я использую локал сторэдж, но незнаю насколько это правильно, и как оно будет работать на смартфоне

Нормально будет работать https://caniuse.com/#feat=namevalue-storage

Нормально будет работать https://caniuse.com/#feat=namevalue-storage

о спасибо) знаю еще есть куки, а vuex не сохранит данные прсле перезагрузки насколько я понимаю

зачем сохранять что-то в localstorage помимо токенов авторизации?

зачем сохранять что-то в localstorage помимо токенов авторизации?

Штучки типа цвета фона ?

так для этого же есть indexedDB ??

так для этого же есть indexedDB ??

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

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

токен авторизации и другие данные, которые действительно должны быть известны до начала выполнения SPA, в localstorage props и однонаправленный поток данных, если компоненты рядом друг с другом и (желательное условие, но не всегда обязательное, если архитектура приложения небольшая, то необязательно) child-компонент является логическим потомком родителя (например List —> Item) vuex, если компоненты далеко друг от друга в иерархии, но требуется взаимодействие между ними

токен авторизации и другие данные, которые действительно должны быть известны до начала выполнения SPA, в localstorage props и однонаправленный поток данных, если компоненты рядом друг с другом и (желательное условие, но не всегда обязательное, если архитектура приложения небольшая, то необязательно) child-компонент является логическим потомком родителя (например List —> Item) vuex, если компоненты далеко друг от друга в иерархии, но требуется взаимодействие между ними

непонимаю, зачем хранить данные там где они упадут после перезагрузки и заморачиваться с их передачей от компонента к компоненту если можно просто слелать локал сторэдж сет :)

Всем доброе утро. Подскажите, есть две строки (примерно по 100 символов, обычные предложения), нужно найти общие слова. Окончания могут меняться. Может кто подсказать алгоритм как их найти?

данные у вас никогда не меняются что ли?

данные у вас никогда не меняются что ли?

меняются) например центр карты и уровень зума постоянно пишется в сторэдж

Привет, такая проблема. У меня есть график, и мне надо посчиать определнные метрки для конкетрной точки на этом графике. Метрики должны выводиться в табличку. Что я делаю сейчас - слушаю ивент наведения на график, в этом методе вызываю метод подсчета метрик. Но как мне теперь передать это в табличку я не понимаю. Каждый раз, когда я выбираю новую точку, таблица должна обновляться.

Может коряво выразился - вот с кодом пример https://stackoverflow.com/questions/51373245/vue-how-to-bind-data-dynamically-on-event-to-table

окей, а как вы изолируете в localstorage данные представления компонента от данных другого представления того же самого компонента?

если ваше приложение не будет работать нормально, если какие-то данные не сохранить в localstorage, то тогда да, надо сохранять в localstorage

меняются) например центр карты и уровень зума постоянно пишется в сторэдж

конечно можно и во vuex писать, просто после перезагрузки будет изначальное состояние) данных пока не очень много, переменных 10 в сторэдж, но чувствую дальше будет много больше, пожтому спасибо за indexeddb, изучу вопрос))

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

перезагрузка — на то она и перезагрузка, что человек хочет заресетиться и вернуть всё как было

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

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

vuex достаточно сложен.. я его сути досих пор непонимаю, зачем столько лишнего кода, мутации, экшены, что там еще)))