Я очень сильно туплю, наверное, но я так понял, этот mapState нужно объявлять непосредственно в модуле storа, или непосредственно на компоненте? Не работает в обеих случаях) Если говорить о компоненте - импорчу mapState и в computed пытаюсь объявить значения (как для mapGetters и пр.)

О_о

Что там не может работать? mapState(['foo']) и this.foo не работает?

Что там не может работать? mapState(['foo']) и this.foo не работает?

Массив же надо передавать

Массив же надо передавать

Ну да, пропустил скобки.

mapGetters видится мне более оптимальным выбором. Геттеры кашируются и вооще нефиг трогать стейт напрямую)

Даже не дышать на него)))

mapGetters видится мне более оптимальным выбором. Геттеры кашируются и вооще нефиг трогать стейт напрямую)

👍👍👍👍👍

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

Подскажите как протрейсить ситуацию. Есть некий фильтр, который вызывается в компоненте. В фильтре ставил вывод в консоль и заметил, что вызов идет 3 раза, хотя по идее должен быть только 1. Причемм значения на входе undefined, 0, 4. Должно быть только 4.

mapGetters видится мне более оптимальным выбором. Геттеры кашируются и вооще нефиг трогать стейт напрямую)

Никакой разницы, если возвращаешь стейт

Подскажите как протрейсить ситуацию. Есть некий фильтр, который вызывается в компоненте. В фильтре ставил вывод в консоль и заметил, что вызов идет 3 раза, хотя по идее должен быть только 1. Причемм значения на входе undefined, 0, 4. Должно быть только 4.

данные с сервера запрашиваются?

Разница есть, глянь доку) просто работает и то и это

данные с сервера запрашиваются?

есть запрос в родительском компоненте, но конкретно это значение уже приходит в props

ну так изначально в props приходит другое значение?

Запрос на фетче/промисах?

Похоже как будто пропс меняется вместе со статусом xmlhttprequest

Запрос на фетче/промисах?

передача в дочерний компонент <panel class='mt-2' :itemcount="count"> вычисление count в computed: { filteredItems:function(){ if (this.search.title.length >=3) { return this.items.filter((item)=>{ return item.title.toLowerCase().match(this.search.title.toLowerCase()) })} else { return this.items }; }, count:function(){ return this.filteredItems.length } }

собственно вызов {{itemcount | my_pluralize(['курица','курицы','куриц'])}}

я думаю дело в запросе на получение списка items ----> watch: { '$route.query': { immediate:true, async handler(query) { this.items = (await ItemsService.getItems(query.category,query.subcategory)).data } } }

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

все вроде логично

я хз поможет нет, но я обычно делаю что-то типа const data = await ItemsService.getItems(query.category,query.subcategory) а потом this.items = data

можно ещё проверок напихать что бы не равно нулю, indefined и тд

Ребят, а есть кто нить из РНД?)

Ребят, а есть кто нить из РНД?)

ДНР?

Не) Ростов на Дону)

ДНР?

Республика народная, Донецкая

Я думал ты хочешь предложить вместо яваскрипта хохлов мочить

Республика народная, Донецкая

Не надо нас мочить

Не надо нас мочить

Все вопросы к Сергею

Я думал ты хочешь предложить вместо яваскрипта хохлов мочить

Да ладно вам) они норм) только правительство у нас всех не может подружиться) Народы то не ругались по собственной воли)

Кстати, а в чате хоть раз возникали тёрки на этой почве?

Подскажите чаты по фронтенду)

Кстати, а в чате хоть раз возникали тёрки на этой почве?

Нет и не будет

Мне кажется тёрки только у шишек и им подавляющим)

Подскажите чаты по фронтенду)

в описание этого посмотри

Мне кажется тёрки только у шишек и им подавляющим)

В чатах разработчиков ни разу не видел, а вот в каких-то общетематических бывают.

Такие люди, наверное, программистами не могут быть

Прогерам не до этого) мы и так не успеваем за обновами веба следить ещё и эти тёрки)

Кстати, а в чате хоть раз возникали тёрки на этой почве?

Конечно. Я написал, что из Российского Донецка и даже бан получил на пару минут, за разжигание. Потом убедились, что в РФ свой Донецк и разбанили.

Лучше уже спорить что лучше, вью или реакт)

Конечно. Я написал, что из Российского Донецка и даже бан получил на пару минут, за разжигание. Потом убедились, что в РФ свой Донецк и разбанили.

у нас из за этого донецка с геотаргетингом были проблемы =))

Прогерам не до этого) мы и так не успеваем за обновами веба следить ещё и эти тёрки)

Угу. Не использовать библиотеку, если в зависимостях есть что-то от разработчика из России / Украины :)

чуваки из Российского донецка определялись как из UA

у нас из за этого донецка с геотаргетингом были проблемы =))

Да-да, приходится в скобках указывать Донецк( Ростовская область)

Донецк есть и там и там)

Угу. Не использовать библиотеку, если в зависимостях есть что-то от разработчика из России / Украины :)

Жестокий вы. Вот это я понимаю - санкции.

я хз поможет нет, но я обычно делаю что-то типа const data = await ItemsService.getItems(query.category,query.subcategory) а потом this.items = data

да я собственно сейчас и проверяю в фильтре на if (num>0 & num !=undefined) , но как то это костыльно )

Жестокий вы. Вот это я понимаю - санкции.

На выходе кристально-патриотичный код :)

На выходе кристально-патриотичный код :)

На отечественных велосипедах

Кто-нибудь может помочь с вопросом как можно синхронизировать в компоненте реакцию на изменених 2х свойств? Есть компонент, в который проброшены свойства и в определенный момент могут измениться n из них. Можно ли отследить это и запустить код только после обновления всех?

какой код?

this.$watch, Vue.watch, если правильно понял. Чтобы следить за пачкой свойств сразу

Простейший пример: на каждом свойстве висит вотчер. Функция содержит логику копирования пришедшего значения ( значениями могут быть объекты/ массивы - поэтому копирование) и запуск потом внутренней функции типа this.validate. Суть в том чтобы запускать валидацию 1 раз после всех измененных свойств

можно следить за каждым и выставлять флаги. изменилось или нет

и каждый раз смотреть на на флаги, набралось сколько нужно или нет

Простейший пример: на каждом свойстве висит вотчер. Функция содержит логику копирования пришедшего значения ( значениями могут быть объекты/ массивы - поэтому копирование) и запуск потом внутренней функции типа this.validate. Суть в том чтобы запускать валидацию 1 раз после всех измененных свойств

чо то очень сложно

Я бы все таки вотчер повесил на одну переменную, которая хранит в себе n флагов

Простейший пример: на каждом свойстве висит вотчер. Функция содержит логику копирования пришедшего значения ( значениями могут быть объекты/ массивы - поэтому копирование) и запуск потом внутренней функции типа this.validate. Суть в том чтобы запускать валидацию 1 раз после всех измененных свойств

Чем каждую вотчить

Я бы все таки вотчер повесил на одну переменную, которая хранит в себе n флагов

Это как? Завести флаги в дата для каждого свойства и повесить вотчер на OR от всех этих переменных?

Типа того

можно поставить вотчер на функцию от этих переменных

https://ru.vuejs.org/v2/api/#vm-watch

Попробую поэкспериментировать. Еще вопрос: как во vuex добавить объект/массив в стейт но без реактивности? Объект юзается в качестве вспомогательного в самом сторе и имеет 10к+ значений. Следовательно все геттеры/сеттеры которые добавляются и весят много и перфоманс снижают

Попробую поэкспериментировать. Еще вопрос: как во vuex добавить объект/массив в стейт но без реактивности? Объект юзается в качестве вспомогательного в самом сторе и имеет 10к+ значений. Следовательно все геттеры/сеттеры которые добавляются и весят много и перфоманс снижают

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

Добавляй не в стейт, если не нужна реактивность

Добавляй не в стейт, если не нужна реактивность

А куда? Это же в сторе используется и в любой момент из мутации должен быть доступен этот объект

Попробую поэкспериментировать. Еще вопрос: как во vuex добавить объект/массив в стейт но без реактивности? Объект юзается в качестве вспомогательного в самом сторе и имеет 10к+ значений. Следовательно все геттеры/сеттеры которые добавляются и весят много и перфоманс снижают

Что значит в качестве вспомогательного?

А куда? Это же в сторе используется и в любой момент из мутации должен быть доступен этот объект

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

Ну он используется только в сторе для внутренних трансформаций данных. Это объект с timestamp-датами в виде ключей для быстрой проверки есть ли такая дата в сторе

суть задачи в следующем: есть n наборов данных. Каждый набор характеризуется 2я массивами: один с датами в строковом виде (с сервера ответ в json), второй - со значением в эту дату. Надо смерджить наборы данных в вид массива объектов, где объект содержит дату в виде js-даты(парсим) и значений из всех наборов. Например [{date: date-object, a: 1, b: 2, c: 1}]

Алгоритм я взял такой. Беру первый набор и парсю даты, даты складываю во вспомогательный объект где ключ - это timestamp, а значение - ссылка на обьект элемент результирующего массива. Это сделано для быстрого перекрестного доступа - проверяем дату, если есть - то сразу по ссылке вставляем данные набора и идем дальше

А ты неплох)

Вообще-то задача не совсе про vue)) но я уже всю голову сломпл об эфективном js и перфомансе. На 30к данных (4 набора по 8-10к) 200мс мердж и 200мс стор ест. На 80к данных (8 наборов по 10к) почти 1секунда на мердж и стор опять есть 500мс где-то

Для таких вещей и придумывали бекенд и кеширование) но интересная задача, да

объект элемент результирующего массива у тебя в не стора или в нем храниться? все равно смутно понятно как и что. напиши как есть у тебя сейчас с отрывками кода

объект элемент результирующего массива у тебя в не стора или в нем храниться? все равно смутно понятно как и что. напиши как есть у тебя сейчас с отрывками кода

Результирующий большой массив с обьектами - это как раз результат, который уходит в стор и дальше в несколько компонентов. Если задачка интересна, то завтра могу код в личку скинуть. Сейчас доступа к нему нет