ок, messages все там же остаются и выносятся rfr computed внутри него ты мержишь данные и проверяешь отработала ли асинхронная операция

в компьютед нельзя делать асинхронные вещи

в компьютед нельзя делать асинхронные вещи

ты не понял, у тебя есть 2 места. 1 - где-то хранится messages 2 - где-то делается что-то асинхронное

ненадо дублировать messages мержи это в computed

кто мешает вернуть что-то такое return this.ajaxIsReady ? this...store...messages.map(item => ...) : []

п.с. псевдокод

кто мешает вернуть что-то такое return this.ajaxIsReady ? this...store...messages.map(item => ...) : []

вы мой файлик открывали? мне надо геттер компютед свойства обновить? сейчас там get() { return this.$store.getters[gameGetters.GET_MESSAGES]; },

вы мой файлик открывали? мне надо геттер компютед свойства обновить? сейчас там get() { return this.$store.getters[gameGetters.GET_MESSAGES]; },

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

вы мой файлик открывали? мне надо геттер компютед свойства обновить? сейчас там get() { return this.$store.getters[gameGetters.GET_MESSAGES]; },

он же мессаги возвращает все, оригинальные (которые не подходят) зачем его трогать?

пусть и дальше их возвращает

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

Посмотрите пожалуйста - я так вот решил. нормально ли так делать?

Можно делать как угодно на самом деле) Просто мое личное мнение, что тащить в конкретный компонент логику формирования внешних данных - это не очень хорошо. Но может в твоем конкретном случае это норма, если это единственное место, где нужны сообщения именно в таком формате, и ты не получишь от этого никаких проблем. Меня сейчас там больше смущает, что на каждое добавленное сообщение все подготовленные сообщения (chatMessages) пересобираются заново - это точно так и нужно?

что такое chatMessages и что такое в сторе return this.$store.getters[gameGetters.GET_MESSAGES]; ?

что такое chatMessages и что такое в сторе return this.$store.getters[gameGetters.GET_MESSAGES]; ?

chatMessages это свойство в data() компонента которое и юзается для шаблона геттер это просто выдача данных из стора http://s2.micp.ru/f8v6w.jpg

это я понял. по смыслу они разные сущности ?

что такое chatMessages и что такое в сторе return this.$store.getters[gameGetters.GET_MESSAGES]; ?

chatMessages это новый массив в примешку с данными юзера полученными из его айдишника

chatMessages это свойство в data() компонента которое и юзается для шаблона геттер это просто выдача данных из стора http://s2.micp.ru/f8v6w.jpg

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

что такое chatMessages и что такое в сторе return this.$store.getters[gameGetters.GET_MESSAGES]; ?

У него есть messages (тот самый геттер) {...smth_message_info, user_id}, он хочет примешать к ним инфу о юзерах, которые отправили конкретные сообщения, по user_id (данные по юзерам получаются асинхронно), итоговый массив chatMessages

Можно делать как угодно на самом деле) Просто мое личное мнение, что тащить в конкретный компонент логику формирования внешних данных - это не очень хорошо. Но может в твоем конкретном случае это норма, если это единственное место, где нужны сообщения именно в таком формате, и ты не получишь от этого никаких проблем. Меня сейчас там больше смущает, что на каждое добавленное сообщение все подготовленные сообщения (chatMessages) пересобираются заново - это точно так и нужно?

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

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

ща сделаю гист

https://gist.github.com/7iomka/9352440cdaa0c8ba9439fc09fe15efdc

ща сделаю гист

https://gist.github.com/7iomka/9352440cdaa0c8ba9439fc09fe15efdc#file-chat-vue-L58 вот это надо в Promise.all сделать паралельно

потом, само смешивание идет внутри метода получения chatMessages, а что если после их обновления у тебя поменялись messages?

всё равно не пойму, зачем нужен сеттер и вотчер. и локальная функция getChatMessages

Надо вынести отдельно сохранение chatMessages и вынести в computed свойство их объединение и уже его передавать в шаблон

Мне кажется архитектурно лучше всё это пересмотреть

я не уверен, но кажется в этой реализации все будет работать: 1. очень медленно 2. геттеры теряют смысл

я потому и прошу Вас помощь понять как решить мою проблему лучшим из способов

единственная цель - обработать данные массива и стора и вернуть другой массив

подразумевая наличие на случай чего асинхронных операций

подразумевая наличие на случай чего асинхронных операций

причем тут асинхр. операции ? Почему ты к ним цепляешься ?

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

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

и не нужно сеттеров, ватчеров и прокидываний @addMessage="handleAddMessage"

спасибо

А разве filter работает для многомерных массивов?

А разве filter работает для многомерных массивов?

А че нет то?

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

ещё раз повторюсь - нам надо делать асинхронную операцию результат работы которой не затрагивает мессаги

А че нет то?

тогда вопрос, в vue.filter как правильно запихнуть?

тогда вопрос, в vue.filter как правильно запихнуть?

https://ru.vuejs.org/v2/guide/filters.html

https://ru.vuejs.org/v2/guide/filters.html

не, это я понимаю, я делаю что-то вроде Vue.filter('ModelType', function(Array) { return Array.filter(item => return item.id == id) })

@exclusi0n Можно кстати вообще не делать этот массив chatMessages. Какая-то такая идея: Оставляем исходный messages, сразу после его получения делаем массив (или даже объект для быстрого доступа по ключу, где ключ - это user_id) users, который получается из всех user_ids текущих messages. в шаблоне мапим 2 геттера (messages, users), инфа по юзеру в шаблоне выводится как users[message.user_id].avatar и т.п. при получении нового сообщения добавляем его в messages, проверяем, есть ли инфа по отправившему юзеру, если нет - ходим за ней на сервер и докидываем в users

не, это я понимаю, я делаю что-то вроде Vue.filter('ModelType', function(Array) { return Array.filter(item => return item.id == id) })

ну мне естественно выдает на второй ретурн ошибку

как понять что мне нужен VUex

как понять что мне нужен VUex

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

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

нет такого не делаю =))

пока что =)

пишешь ад из передачи ивентов через $root.$emit $parent.$emit

и прочее

ребят, а npx не работает с vue-cli? иными словами, для создания проекта через vue-cli я должен поставить vue-cli себе на локальную машину?

ребят, а npx не работает с vue-cli? иными словами, для создания проекта через vue-cli я должен поставить vue-cli себе на локальную машину?

да

ага, спасибо

ребят, а npx не работает с vue-cli? иными словами, для создания проекта через vue-cli я должен поставить vue-cli себе на локальную машину?

npx @vue/cli create myvueapp

ребят, а npx не работает с vue-cli? иными словами, для создания проекта через vue-cli я должен поставить vue-cli себе на локальную машину?

Работает

ооооо

ща попробую

ребята

https://www.npmjs.com/package/d3-hierarchy - норм компонент для построения дерева элементов UI и в объекте генерация иерархии?

Не писать сразу в 2 чата?

Не писать сразу в 2 чата?

А в чем проблема?

А в чем проблема?

Во втором чате дали ответ

Во втором чате дали ответ

Ну он не работает... и дальше что?

Ну он не работает... и дальше что?

Тут чат по vue, там чат по nuxt, его специально отделили

Привет всем от новичка в Vue! Vue как то может наложить ограничение на ввод в <input> например чисел с разделителем точкой?

Ребят, для построения графа элементов (по иерархическому объекту) что лучше: 1) https://www.npmjs.com/package/d3-hierarchy 2) http://snapsvg.io

?

я за 1 вариант

Привет! Кто-то юзал vue-multilanguage? Можно ли вставить html тег в перевод? Например: testVar: 'Test' + <br> + 'Text'

незя

ну ладно, можно )

о, отлично! а если серьёзно?) описаный выше пример, не работает

почему не рабоает?

в чём проблема передать строку 'Test<br>Text' в перевод и получить ‘Тест<br>Текст’ ?

в чём проблема передать строку 'Test<br>Text' в перевод и получить ‘Тест<br>Текст’ ?

я не знаю, что такое vue-multilanguage, но что, если этот текст вывести через v-html ?

Подскажите ребят, первый раз пилю выдуманный spa пет проект, интересно правила распредение кода, то есть что писать в акшенах или компоненте, есть код обновление данных написал пока так что можно отрефакторить или нормально по коду.

Вызовы коммитов по максимуму должны быть в экшене

Внутри компонента надо стараться не юзать мутации

Внутри компонента надо стараться не юзать мутации

немного странная рекомендация)

Так и должно быть

тип роутинга по дефолту стоит hash

Что именно странного? Дернул экшен, получил данные, отработали мутации. Зачем внутри компонента еще помнить какие мутации вызывать?

смени на history

спасибо

Тем более если экшен в нескольких местах дергается

подскажите плиз, не нашёл в доке, инструмент vue-cli из коробки использует транспиляцию или нужно кастомизировать по доке?

Что именно странного? Дернул экшен, получил данные, отработали мутации. Зачем внутри компонента еще помнить какие мутации вызывать?

в таком контексте - да) а если у меня полностью синхронная операция, почему я не должен использовать мутации в компоненте?)

в таком контексте - да) а если у меня полностью синхронная операция, почему я не должен использовать мутации в компоненте?)

Пожалуйста,юзайте наздоровье )) Я ж написал "надо стараться не юзать мутации"

Ну это ИМХО опять же

Привет! Как просто можно собрать приложение только одним index.html файлом?