а вот через геттер нифига не работает. Это в принципе логично, но очень не удобно в некоторых случаях. Например, в моём

но передав через props я всё равно провожу все манипулации. А это мне не нужно

В смысле, не работает?

У тебя в сторе в модуле users там будет геттер byId

byId: state => id => state.objects[id],

Далее в компоненте юзера будет компутед user() {return this.byId(this.id)}, byId прокидываешь из стора

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

т.е. проблема не решилась

Что именно пересчитывает?

все computed

Если объект, который вернулся этим компутедом user не изменился (по ссылке, скорее всего), то все производные компутеды и шаблоны не изменяются

да

при условии передачи через props

если чере геттер, то я получаю объект foo, а потом достаю foo[id]

а foo при добавлении нового элемента в него меняется

вот и пересчитывается всё

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

У тебя в другом месте тормозит

Нужно посмотреть код, чтобы сказать где именно

но ведь computed может не только получать объект по ссылке

там, например, может получаться что-нибудь ещё

или даже небольшие расчёты

проблема остаётся нерешенной - при добавлении в foo новой записи все computed списка полностью пересчитываются

по 1 мс на элемент при 1000 элементов уже 1 секунда

а на телефоне и того хуже

Мемоизация спасёт тебя.

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

а теперь представьте, что есть связь через 5 сущностей. Получить для 20 элементов её не проблема и быстро, а для 1000 уже медленно. Но теперь надо все требуемые поля сохранять при создании. И это у каждой из сущностей

это очень не удобно

проще отказаться от нормализации

но без нормализации сложные проекты не могут жить. Это ж сколько дублирования будет

у redux скорее всего та же проблема... Сейчас хочу попробовать прикрутить mobx к vue. Может там всё нормально будет

ну или придётся писать своё хранилище

ну или придётся писать своё хранилище

Почему ты не хочешь мемоизировать функции свои?

Почему ты не хочешь мемоизировать функции свои?

сделать мемы из функций?

Почему ты не хочешь мемоизировать функции свои?

https://github.com/developit/decko#memoize че скажешь? или лучше самому изначально писать такие функции?

https://github.com/developit/decko#memoize че скажешь? или лучше самому изначально писать такие функции?

Пофиг какая библиотека. /Могу сказать только одно: не используй декораторы в такой форме. Будет больно потом.

ты впринципе против декораторов ? или о чем речь

ты впринципе против декораторов ? или о чем речь

О stage-1/2 синтаксисе.

так вроде вот вот, мне всегда казалось что ниже стейж 3 уже нормально

так вроде вот вот, мне всегда казалось что ниже стейж 3 уже нормально

Эм... Выше может?

выше да

решил проблему по другому. Пока ещё только в теории. В бесконечном скролле показывать только то, что на странице, остальное не рендерить. В итоге не будет перерендера 300 элементов, а будет рендер по debounce только того, что на странице показалось

Ну, они в stage-2. + бабель не умеет их транспилить.

эт да

понял тебя

спасиб

решил проблему по другому. Пока ещё только в теории. В бесконечном скролле показывать только то, что на странице, остальное не рендерить. В итоге не будет перерендера 300 элементов, а будет рендер по debounce только того, что на странице показалось

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

решил проблему по другому. Пока ещё только в теории. В бесконечном скролле показывать только то, что на странице, остальное не рендерить. В итоге не будет перерендера 300 элементов, а будет рендер по debounce только того, что на странице показалось

Ты изобрёл virtualized list

Ты изобрёл virtualized list

я не изобрёл. Естественно это уже много где обсуждалось. Просто это решение проблемы в моём случае. И не потому что список слишком длинный и тормозит (а для этого virtualized list и делают обычно), а потому что при добавлении нового элемента мы перерендерим/пересчитаем только видимую часть, а не весь список

я не изобрёл. Естественно это уже много где обсуждалось. Просто это решение проблемы в моём случае. И не потому что список слишком длинный и тормозит (а для этого virtualized list и делают обычно), а потому что при добавлении нового элемента мы перерендерим/пересчитаем только видимую часть, а не весь список

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

я естественно посмотрю готовые решения сперва. В любом случае обидно, что у vue есть проблема подобная в ядре и её не решить просто так. Всё костылями решается :(

не получается использовать input file в Vuejs2

не сохоаняется в базе

я естественно посмотрю готовые решения сперва. В любом случае обидно, что у vue есть проблема подобная в ядре и её не решить просто так. Всё костылями решается :(

Ну, эта проблема сейчас никем не решена ещё. К этому двигается реакт. Нужно время.

А так: весь наш код - это нагромождение костылей)

как можно будет передавать в req input file data

?

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

Я так понимаю, компонент в слоте не реагирует на изменения в data

Как быть?

Зачем там слоты? Ответишь на этот вопрос, будет изи.

У меня есть компонент модалки. Я контент в боди модалки через слот передаю

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

Есть родительский компонент в котором вызыветсч переиспользуемый компонент модалки. Так же у меня есть компонент для отображения картинок. Я вызываю его в боди модалки и передаю массив с картинками в base64

Собсно массив с картинками в пропсы и идет

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

что если там будет не слот, а вынесенный компонент?

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

нет

ещё один

именно на замену слота

т.е. компонент-обёртка для твоего много где используемого компонента, вместо слота.

Я сейчас тебя не очень понял, если честно

Хотя похоже понял

могу ли я юзать разные валидации для одного компонента? если да то подсажите пожалуйста как? допустим input на эмейл и имя https://prnt.sc/jepqdu

могу ли я юзать разные валидации для одного компонента? если да то подсажите пожалуйста как? допустим input на эмейл и имя https://prnt.sc/jepqdu

Можно через v-if, можно сделать обёртку , которая будет за валидация отвечать

Инпут пусть будет просто инпутом

Vlad не делать темплейт инпата, а просто написать в html?

Vlad не делать темплейт инпата, а просто написать в html?

Делать. Щас не за компом , так бы пример написал.

окей, спасибо, сейчас разберусь

Есть таблица. С разными показателями. Как правильнее вычислять дополнительные числа. На бэке и передавать на фронт или на фронте?

окей, спасибо, сейчас разберусь

Посмотри доки vuelidate ещё. Там такой же подход, что у тебя.

Хотя похоже понял

там всё дело в том, что если ты знаешь как общаться с "компонентом", то делаешь компонент. Если не знаешь, что юзаешь слот, но слоты не имеют права общаться с родителем напрямую в силу причин выше.

То есть иначе слоты стоило бы превратить к в компоненты

Вопрос про модалки. У меня есть приложение, где используется sweet-modal. Есть абстрактная модалка с сообщением, которую нужно открывать из любого компонента. Открывается она программно, через вызов метода show() у ref компонента модалки. Как грамотнее реализовать открытие? У меня сейчас есть общая шина, через которую приложение подписано на событие открытия. Можно ли как-то через Vuex это сделать или все таки надо использовать и шину и стор?

Знаю, что Vuex не должен иметь доступа к view-слою, поэтому никаких $refs там быть не может

Нормально ли в инстансе приложения следить через watch за каким-либо полем стора?

сделать vuex модуль для модального окна, в котором show: true/false, message: 'msg', сделать компонент modal , который будет в корневом компоненте лежать, который из стора берет данные и показывает

А как быть с тем, что модалка только программно умеет показываться, а не по флагу?

не понял, есть экшн showModal({ msg }), который вызываешь когда нужно

Этот экшн в сторе. Чтобы показать модалку например в приложении, я делаю this.$refs.modalName.open(). Из стора у меня разве есть доступ к $refs ?

а зачем что-то через refs делать? ты в сторе просто меняешь в модуле modal show на true, а компонент modal из стора берет данные и отображает модальник

Разбираюсь в веб сокетами. Накопилось определенное количество разных типов запросов на сервер. И теперь обрабатывать все ответы в socket.onmessage стало трудно. Может кто подсказать как быть в таком случае? Хочется работать как с ajax например. Чтобы отправил запрос, тебе в ответ отдали промис, ты повесил на него then и обрабатываешь ответ уже там. Для веб-сокетов это конечно не совсем то, потому как ответа от сервера может и не быть, а если и будет не факт что это вообще ответ. Но у меня у всех ответов и запросов есть "action". Есть какие-то решения готовые для таких целей? Или может я вообще не в том направлении копаю?

То есть, мне сторонний компонент sweet-modal еще в один компонент надо обернуть и следить за полем в сторе?