Michael
но для через родителя надо чтобы родитель философски имел право держать стейт, относящийся к конкретным потомкам
Michael
а для вьюекса вообще толкьо бизнес-данные максимально, а через них чтобы всё высчитывалось.
Michael
если не получается к этим парадигмам привязаться -- shift your mind and try again.
Serge
Еще через EventBus можно но см. сообщение выше ))
Green
Еще через EventBus можно но см. сообщение выше ))
почти так и сделал) через прокидывание ивента в рут элемент
Green
может пригодится кому https://medium.com/@modex13/vue-js-2-%D0%BF%D0%B5%D1%80%D0%B5%D0%B4%D0%B0%D1%87%D0%B0-%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85-%D0%BC%D0%B5%D0%B6%D0%B4%D1%83-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D0%B0%D0%BC%D0%B8-467383294847
Alex
Надо будет перечитать, вдруг там дичь какая-то написана на сегодняшний день)
Serge
Надо будет перечитать, вдруг там дичь какая-то написана на сегодняшний день)
оставь только середину и сотри начало и про bus, а то воспринимают как руководство к действию )))
Alex
Про шину в самом конце. Лучше наверное перефразировать чтобы было понятно когда лучше использовать
Alex
в общем на новогодних... может доберусь)
Green
Надо будет перечитать, вдруг там дичь какая-то написана на сегодняшний день)
не, там все нормально)) статья помогла очень, спасибо))
Green
Я ему про два труЪ способа, а они костыли городят с шиной(
та мне ради одной мелкой фичи городить ничего не хочется
Green
одна, другая
у меня больше ничего подобного нет и не будет)
Michael
ну смари
Roman
кто может подсказать, при гидратации и добавлении бандлов в head можно ли как-то прописать свой кастомный путь к бандлам? пример: сейчас <link rel="preload" href="/bundle.manifest.js" as="script"> сделать из этого <link rel="preload" href="https://domain/bundle.manifest.js" as="script">
Александр
Подскажите before/after компонент
Дмитрий
Привет! Допустимо ли использовать методы в цикле v-for? <div> <div class="message" v-for="item in messages"> <div class="message__nmae">{{item.name}}</div> <div class="message__text">{{item.text}}</div> <div class="message__date">{{getDate(item.date)}}</div> </div> </div>
Дмитрий
спасибо
Alexey
причём грубо.
поделись сакральным знанием (:
Дмитрий
А вообще как лучше все-таки делать? Например сервер через GET запрос возращает массив с объектами "сообщений", и бывывает нужно для каждого объекта в этом массиве добавить какие-либо вычисляемые свойства которые будут отображаться в цикле v-for (преобразовать дату, получить инициалы из имени и фамилии и т.п.) На ум приходит несколько вариантов: 1) Просто использовать вспомогательные методы в самом цикле, как в примере выше. 2) В вычисляемом свойстве возвращать новый массив (напрмер через перебор массива методом map), в котором к каждому объекту добаляю новые св-ва. 3) Сразу при получении массива с сервера пробегать по всем объектам и добавлять к ним новые св-ва. Пример массива: [ { name: 'Jon', text: 'example text', date: '2017-12-05T18:31:26+0300' }, { name: 'Ben', text: 'example text', date: '2017-12-04T14:39:29+0300' }, { name: 'Sam', text: 'example text', date: '2017-10-04T14:39:29+0300' } ]
Alexander
А вообще как лучше все-таки делать? Например сервер через GET запрос возращает массив с объектами "сообщений", и бывывает нужно для каждого объекта в этом массиве добавить какие-либо вычисляемые свойства которые будут отображаться в цикле v-for (преобразовать дату, получить инициалы из имени и фамилии и т.п.) На ум приходит несколько вариантов: 1) Просто использовать вспомогательные методы в самом цикле, как в примере выше. 2) В вычисляемом свойстве возвращать новый массив (напрмер через перебор массива методом map), в котором к каждому объекту добаляю новые св-ва. 3) Сразу при получении массива с сервера пробегать по всем объектам и добавлять к ним новые св-ва. Пример массива: [ { name: 'Jon', text: 'example text', date: '2017-12-05T18:31:26+0300' }, { name: 'Ben', text: 'example text', date: '2017-12-04T14:39:29+0300' }, { name: 'Sam', text: 'example text', date: '2017-10-04T14:39:29+0300' } ]
недавно задавался подобным вопросом, если в приложении есть стор, то это может помочь: https://forum.vuejs.org/t/vuex-best-practices-for-complex-objects/10143 если приложение небольшое и без стора, то тут я уже не советчик
Stanislav
А вообще как лучше все-таки делать? Например сервер через GET запрос возращает массив с объектами "сообщений", и бывывает нужно для каждого объекта в этом массиве добавить какие-либо вычисляемые свойства которые будут отображаться в цикле v-for (преобразовать дату, получить инициалы из имени и фамилии и т.п.) На ум приходит несколько вариантов: 1) Просто использовать вспомогательные методы в самом цикле, как в примере выше. 2) В вычисляемом свойстве возвращать новый массив (напрмер через перебор массива методом map), в котором к каждому объекту добаляю новые св-ва. 3) Сразу при получении массива с сервера пробегать по всем объектам и добавлять к ним новые св-ва. Пример массива: [ { name: 'Jon', text: 'example text', date: '2017-12-05T18:31:26+0300' }, { name: 'Ben', text: 'example text', date: '2017-12-04T14:39:29+0300' }, { name: 'Sam', text: 'example text', date: '2017-10-04T14:39:29+0300' } ]
3 вариант. Преобработка данных для отображения и последующая передача в Vue компоненты.
Stanislav
А вообще как лучше все-таки делать? Например сервер через GET запрос возращает массив с объектами "сообщений", и бывывает нужно для каждого объекта в этом массиве добавить какие-либо вычисляемые свойства которые будут отображаться в цикле v-for (преобразовать дату, получить инициалы из имени и фамилии и т.п.) На ум приходит несколько вариантов: 1) Просто использовать вспомогательные методы в самом цикле, как в примере выше. 2) В вычисляемом свойстве возвращать новый массив (напрмер через перебор массива методом map), в котором к каждому объекту добаляю новые св-ва. 3) Сразу при получении массива с сервера пробегать по всем объектам и добавлять к ним новые св-ва. Пример массива: [ { name: 'Jon', text: 'example text', date: '2017-12-05T18:31:26+0300' }, { name: 'Ben', text: 'example text', date: '2017-12-04T14:39:29+0300' }, { name: 'Sam', text: 'example text', date: '2017-10-04T14:39:29+0300' } ]
И вообще, нефиг обрабатывать данные в компонентах. Выноси это все в отдельную функцию и дергай в нужных компонентах
Дмитрий
И вообще, нефиг обрабатывать данные в компонентах. Выноси это все в отдельную функцию и дергай в нужных компонентах
Уточните пожалуйста, Вы имеете в виду - вынести в vuex и там обрабатывать, или создать отдельный модуль и внем обработать полученные данные?
Stanislav
Уточните пожалуйста, Вы имеете в виду - вынести в vuex и там обрабатывать, или создать отдельный модуль и внем обработать полученные данные?
Vuex не для этого. Вынести в отдельный модуль и там работать с данными. В компоненте вызывать функцию этого модуля, которая сделает запрос и подготовит данные для отображения (выкинет лишнее/инициализирует объеты даты, обработает строки и т.д.)
Sergey
Ребят, у кого какая архитектура компонентов: пишите ли всё в одном файле .vue или выносите что-то?
Stanislav
У Вас есть ссылка на чтиво по поводу подобного подхода?
Не подскажу. Можно погуглить что-то про структуру приложений (в т.ч. на React)
Sergey
в vue файлах только шаблон, остальное во внешних файлах (js/css)
То есть создаете папку my-component, в которой my-component.vue, my-component.js, my-component.css?
Roman
А как точка входа компонент как Index.vue?
Дмитрий
Vuex не для этого. Вынести в отдельный модуль и там работать с данными. В компоненте вызывать функцию этого модуля, которая сделает запрос и подготовит данные для отображения (выкинет лишнее/инициализирует объеты даты, обработает строки и т.д.)
Еще немного более подробно опишу свой компонент. По сути данный компонент это чат для 2х пользователей. При первом запросе я получаю массив с 50 сообщениями. В дальнейшем данный комонент постоянно запрашивает last-modifed заголовок у сервера, когда появляется новое сообщение я снова получаю данные с сервера. Так же сообщения подгружаются при скролле. У некоторых пользователей может быть более 4000 сообщений. В таком случае мне также обрабатывать данные в отдельном модуле?
Oleksii
Всем привет,кто то использует пакет vue-touch?Использую два события свайп влево и вправо,но при этом если скролить страницу вверх и вниз и попасть на данный блок то скрол не работает,ктото сталкивался с таким?
Ghost I Am 👻
Привет, есть ли возможность в vue-router(Nuxt) пуншуть роут(чтоб изменился URL), но не переходить по нему?
Ghost I Am 👻
хочу дать выбор количества колонок в строке, но не хочу из за этого заново загружать данные из апи
Stanislav
Всем привет! Нода не самый сильный мой конек (вообще не мой конек). У меня следующая тривиальная проблема: Пытаюсь установить vue-cli глобально npm install -g vue-cli Далее запускаю vue в командной строке vue init webpack my-project Получаю сообщение о том, что никакой команды vue у меня нет. Кому не сложно, подскажите, пожалуйста, куда копать.
Ghost I Am 👻
PATH прописан до бинарника?
Ghost I Am 👻
если быть точнее то до ./node_modules/.bin/
Ghost I Am 👻
.replace
Но с replace в историю не попадёт основной адрес?
Alex
Не попадёт новый, на который меняют
Stanislav
PATH прописан до бинарника?
Большое спасибо) проблема была в этом.
Ghost I Am 👻
Kosmos
Kosmos
Кто из Киева, мы определились с датой первой встречи Kyiv Vue.js Meetup.
Kosmos
10.01.2018 - Киев - Kyiv Vue.js Meetup 1. Детали по ссылке: https://www.meetup.com/Kyiv-Vue-js-Meetup/events/246173518/
Kosmos
На meetup.com к сожалению пока оплачен аккаунт позволяющий добавить только 50 участников, но вход свободный дата место по ссылке, приходите, будем знакомиться :)
Stanislav
Не могу найьт
Kosmos
А где у них цены?
Цены на мероприятия или на аккаунты на meetup.com?
Stanislav
Цены на мероприятия или на аккаунты на meetup.com?
Не знаю) Чтоб больше народу вместить - сколько заплатить надо?
Kosmos
Не могу найьт
https://secure.meetup.com/subscription/plans/unlimited/
Kosmos
Я заплатил 5 баксов в месяц за пол года, анлим по 8 кажись.
Anonymous
Я заплатил 5 баксов в месяц за пол года, анлим по 8 кажись.
О, привет, узнал тебя по фотке с митапа
Anonymous
Так долго ждал этого в Киеве, надоели эти реактовцы и ангулярщики
Kosmos
Так долго ждал этого в Киеве, надоели эти реактовцы и ангулярщики
Ну и заметь мы в отличии он них пропускаем бесполезную часть с докладами и сразу идем в паб :)))))
Kosmos
@Kolya_Raketa так что буду рад видеть :)
Anonymous
@Kolya_Raketa так что буду рад видеть :)
обязательно припрусь, главное дожить до 10-го)) пережить все это надвигающееся на нас)
Kosmos
@Kolya_Raketa Так это ж идеальный формат, как раз экватор между рождеством и старым новым годом. Чуть протрезвел поднял бокал за китайских фронтэндщиков, и в на старый новый год похмелился :)
Stanislav
Кто из Киева, мы определились с датой первой встречи Kyiv Vue.js Meetup.
@Fl0pZz Мож запинь? Только сообщение нормальное написать надо
Rafael 🌵
Rafael 🌵
Кто из Киева, мы определились с датой первой встречи Kyiv Vue.js Meetup.
@DenisIzmaylov можешь запинить сообщение о сходке vue разрабов в Киеве?
Kosmos
@c01nd01r На сайте meetup.com создание комьюнити платное. Я сам оплатил базовый аккаунт, он позволяет влючить в комьюнити до 50 человек. Что бы снять это ограничение нужн заплатить чуть больше.
Kosmos
Описание формата события есть по ссылке, контакты добавлю: https://www.meetup.com/Kyiv-Vue-js-Meetup/events/246173518/