да

Лол. Ну вы только почитайте этого пиздабола. Пишет же на конкретный вопрос ДА, а потом даёт заднюю, мол это работает если вынести стили отдельно в файлы стилей (капитан очевидность) я хуею с таких имбецилов. Правильно @yarossl днём говорил о вас

иди выпились шоль

Оп кажется кого то забанят

Digital, опиши плз проблему с которой столкнулся и на чем застрял. Я почитал переписку выше, сплошной срач. Что-то с импортами scss не так, или что?

сразу понятно кто не умеет делать вот так

Так обычно в ангуларе первом делали. Ну или юзаете флоу. В обычных случаях, я считаю, лучше писать в компоненте и по возможности юзать scoped. Тогда меньше проблем будет и не надо рыскать по проекту в поисках стиля.

Так обычно в ангуларе первом делали. Ну или юзаете флоу. В обычных случаях, я считаю, лучше писать в компоненте и по возможности юзать scoped. Тогда меньше проблем будет и не надо рыскать по проекту в поисках стиля.

поддерживаю, _vars хорошо, a _header, _footer нехорошо

прям вот возьму и не буду рекламировать свой курс для джунов (:

Что Вы говорите? Можно подумать, вы не за этим здесь находитесь. ?

Ребят, а не знаете, есть хоткей/аддон чтоб отсортировать по алфавиту литерал объекта?

Я вроде где-то видел такое, теперь найти не могу.

блин, только спросил и сам нашел что это было :) https://eslint.org/docs/rules/sort-keys

я правильно понимаю что реакт.. не такой.. "реактивный"? Там реактивность очень явная. (сам пишешь код который реактивничает)

Он скорей всего от слова реакция, а не реактивность. Поэтому и чувствуется так как описал

Есть кто может помочь консультациями про vue до 1 сентября включительно?

что вообще понимается под реактивностью?

что вообще понимается под реактивностью?

https://ru.wikipedia.org/wiki/%D0%A0%D0%B5%D0%B0%D0%BA%D1%82%D0%B8%D0%B2%D0%BD%D0%BE%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5

рекативность очень просто b = 1 a = b + 1 pring a //2 b = 2 print a // если не реактивно то 2, если реактивно то 3

как во flex правильно сделать панель слева фиксированной ширины? =)

правый div никак не хочет растягиваться

правый div никак не хочет растягиваться

Flex-grow 1

Или сколько надо

Ну так оно умножит на 1 и столько же будет

не?

погоди

левая панель фиксирована в пикселях

а правая часть должна заполнить все

а не, даже хуже...

проблема еще раньше... два дива расположить вертикально. первый (хидер) - фиксированной ширины второй под ним - заполняет все. body уже 100%

ага

я не вкатываю в этот flex grow

как оно пашет?

почему flex: 0 0 auto; заставляет диф быть фиксированным а flex: 1 1 auto; растягивает соседний на макс

Digital, опиши плз проблему с которой столкнулся и на чем застрял. Я почитал переписку выше, сплошной срач. Что-то с импортами scss не так, или что?

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

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

По ходу не получится так.

почему flex: 0 0 auto; заставляет диф быть фиксированным а flex: 1 1 auto; растягивает соседний на макс

Это по спекам флексбокса жи

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

Но смотрю фича то нужная. Если для вебпака плагин такой запилить, то слава и популярность в кармане ))

Но смотрю фича то нужная. Если для вебпака плагин такой запилить, то слава и популярность в кармане ))

?‍♂ импортишь на корневой компоненте, нет?

Нет, так не работает

С vuetify работает

Не знаю насчёт славы, но мне странно почему оно вообще так работает и не видит

Не знаю насчёт славы, но мне странно почему оно вообще так работает и не видит

А почему оно должно работать? SASS компилятор не в курсе, что он во Vue используется. Откуда ему знать что корневое, а что нет? Компилятору на вход подается содержимое тега style из Vue компонента, а там уже разработчик должен позаботиться о видимости файлов друг для друга.

Ну мне так его работа видится. Могу ошибаться.

всем привет

а кто-нибудь знает, как подписаться на несколько мутаций?

что-то вроде Observable.zip, или prmise.all

а кто-нибудь знает, как подписаться на несколько мутаций?

так мутации синхронные. Зачем промис?

ну я подписываюсь на мутации в компоненте

чтобы получить стейт

вот так

чтобы получить стейт

я не понимать

хмм

Для чего? Почему не mapGetters?

опа

а что за mapGetters?

а что за mapGetters?

Сурово )))

Срочно читать доку по vuex

А почему оно должно работать? SASS компилятор не в курсе, что он во Vue используется. Откуда ему знать что корневое, а что нет? Компилятору на вход подается содержимое тега style из Vue компонента, а там уже разработчик должен позаботиться о видимости файлов друг для друга.

Вебпак призван решать такие вещи

так увидел

То что вы делаете, обычно в плагинах vuex используют

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

и сделать что-нибудь, когда получу юзера

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

Зачем вам подписка?

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

и сделать что-нибудь, когда получу юзера

Мапите геттер user и он меняется, когда сработает мутация setUser

пример, есть джоба, есть юзеры, в джобе есть только ids юзеов

ERROR: S client not available

аага

пример, есть джоба, есть юзеры, в джобе есть только ids юзеов

Сделайте динамический геттер

да это сработает

окай, это сработает, только тогда в динамическом гетере, мне придется вызывать функцию и в user и в job

окай, это сработает, только тогда в динамическом гетере, мне придется вызывать функцию и в user и в job

Мы не понимаем друг друга. Прочтите внимательно документацию от корки до корки. Там не много. Геттер - функция. Там можно модифицировать данные перед тем как вернуть.

пример, есть джоба, есть юзеры, в джобе есть только ids юзеов

В джобе есть айди юзеров. В геттере users сделайте filter массиву юзеров и верните отфильтрованный массив объектов.

Вебпак призван решать такие вещи

Ну из коробки не угодишь всем. Вот плагинами и допиливается такой функционал.

Рафик, чой-то ты меня тут главным метателем чата фикалиями в нубов назвал?)

go кстати зарелизися в 1.9

ну окс, запилю на геттерах, вроде ничего сложного

А накой экшены?

@Romshark asyncData нужна только для ssr, всё что она далжна делать это асинхронный action И вложеность компонент там предусмотрена вот таким механизмом для сервера: const matchedComponents = router.getMatchedComponents() await Promise.all(matchedComponents.map( async Component => { if (Component.asyncData) {await Component.asyncData({store})} } )) matchedComponents получает массив всех вложенных компонент, дадьше мы проходимся по массиву и дергаем асинхронные action каждого компонента (если он конечно есть) В Вашем случае, вы хотите изолировать данные компонента от сторы. Вся изоляция спокойно помещается в хук created. Изолированные данные в этом хуке поместятся в data компонента и будут работать как на сервере так и на клиенте. Вам не нужен asyncData. Другое дело в скорости. Как я бы сделал. Это просто мысли и их нужно реализовывать и смотреть на перфоманс. В хуке креатед я бы грузил только те данные, которые сходу может тыкнуть анон. В случае магазина, он должен получить первый листинг товаров, например первые 20 скю отсортированные как на надо. Дальше в этом же хуке я бы подгрузил по 20 товаров относительно фльтров. Типо самые популярные, самые дорогие, самые дешевые. И всё. Такую отдачу я бы оставил как для серверной части так и для клиентской. А дальше, учитывая что у вас по категории может быть, как вы писали больше 10 000 товаров, уже в хуке mounted (только для клиента) начал бы грузить все товары по категории. И грузил бы их в базу браузера, для удобства потом сортировки и выборки. И вот тут, если анон получив стандартную выдачу товаров, быстро прокрутит вниз до пагинации и нажмет цифру 2, чтобы получить следующую порцию товаров, а они у нас не подгружены я бы уже вываливал спиннер, до полной загрузки коллекции товаров в базу браузера. Может сумбурно, но как то так.

Вот... у меня есть список сущностей, которые надо отобразить в списке (но не просто так, там сложное преобразование, считайте что каждую сущность нужно провести через какую то функцию, чтобы получить данные для отображения). С сервака прилетает сообщение "добавилось 3 элемента в список" Как мне это обработать? Как мне кажется - через computed, который пересчитает весь список (старые + 3) и вернет новый массив. Но.. может есть способ лучше?

Или в обработчике экшена при получении +3 так же обновить подготовлунную строктуру для списка?

Это же vue, как хотите так и делайте. Первое, как с сервака прилетают сообщения? Есть механизм по интервалу или это действие юзера? Если первый вариант, то можно отобразить сообщение юзеру, что добавлено что-то новое, и мол показать? Если да то пихать новый массив в computed и не ибать себе моцк. Также можно сделать action который буде плюсовать новые данные к старым, а в компонентах он будет перерисовываться по геттеру.

Геттер опять же можно поставить как в компютед, так и в хук жизненного цикла

новый массив в computed - оно ведь тогда будет перерендеривать по всему массиву а не только по добавленным?

конечно

Ну вот... вся фишка запарывается

"Также можно сделать action который буде плюсовать новые данные к старым, а в компонентах он будет перерисовываться по геттеру." Вот я так и сделал. При получении я смотрю что добавилось и push

просто.... если бы можно было бы эту логику воткнуть не в action а в компоненте - было бы конечно интересно

Но не суть

В таком случае компонент тупо отвечает за отрисовку, ни за что более, тоже верно.

А вся переделка данных и набивание стейта - в редьюсере

простите, обработчике экшена

Простое добавление анимации очень доставляет

И чистый DOM тоже =)

Можно и в компоненте. Тянуть первыве данные в хуке креатед, ложить их в дата, потом в моунтед повесть интервал, который в случае добавления чего будет пушить новое в то же свойство даты. В чем проблема?

Если на li в v-for повесить анимацию через транзишин vue или с библиотеки анимейтед, то каждый новый ли будет добавляться с анимацией

Если на li в v-for повесить анимацию через транзишин vue или с библиотеки анимейтед, то каждый новый ли будет добавляться с анимацией

только обязателно нужно key добавить каждой лишке

только обязателно нужно key добавить каждой лишке

+1