Я данные в state хочу разбить на несколько отдельных файлов

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

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

test: require('./state/test').default

А, ну да, понял, спасибо.

А, ну да, понял, спасибо.

почему не ES6?

т.е.?

т.е.?

import data from '../store';

ES модули

Думаю что в данном случае не имеет значения как поключать файл. Или я ошибаюсь?

Думаю что в данном случае не имеет значения как поключать файл. Или я ошибаюсь?

причём грубо.

▫️Работаю в Киевской компании ▫️Занимаюсь BackEnd/FrontEnd разработкой, сейчас работаю с блокчейн технологиями ▫️Может быть смогу дать совет ▫️Может быть смогу получить совет ▫️Киев, Украина ▫️Из группы в телеграмме #whois

попробуй как посоветовали.

привет всем

▫️Работаю в Киевской компании ▫️Занимаюсь BackEnd/FrontEnd разработкой, сейчас работаю с блокчейн технологиями ▫️Может быть смогу дать совет ▫️Может быть смогу получить совет ▫️Киев, Украина ▫️Из группы в телеграмме #whois

блокчейн, дип машин лёрнинг, кококо

(не личное сообщение)

просто из опыта употребления этих модных словечек

конторами

так если я с ними работаю, как мне надо было написать?)

ладно, к сути) как можно (и можно ли вообще) отследить изменения объекта из соседнего компонента?

так если я с ними работаю, как мне надо было написать?)

говорю же не личное.

говорю же не личное.

да я понял)

ладно, к сути) как можно (и можно ли вообще) отследить изменения объекта из соседнего компонента?

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

через родителя = эмит родителю, изменение данных в родителе и реактивное изменение пропсов соседа

понял, спасибо, буду пробовать)

но для через родителя надо чтобы родитель философски имел право держать стейт, относящийся к конкретным потомкам

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

если не получается к этим парадигмам привязаться -- shift your mind and try again.

Еще через EventBus можно но см. сообщение выше ))

Еще через EventBus можно но см. сообщение выше ))

почти так и сделал) через прокидывание ивента в рут элемент

может пригодится кому 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

Надо будет перечитать, вдруг там дичь какая-то написана на сегодняшний день)

Надо будет перечитать, вдруг там дичь какая-то написана на сегодняшний день)

оставь только середину и сотри начало и про bus, а то воспринимают как руководство к действию )))

Про шину в самом конце. Лучше наверное перефразировать чтобы было понятно когда лучше использовать

в общем на новогодних... может доберусь)

почти так и сделал) через прокидывание ивента в рут элемент

Не надо так.

Про шину в самом конце. Лучше наверное перефразировать чтобы было понятно когда лучше использовать

Я ему про два труЪ способа, а они костыли городят с шиной(

Надо будет перечитать, вдруг там дичь какая-то написана на сегодняшний день)

не, там все нормально)) статья помогла очень, спасибо))

Я ему про два труЪ способа, а они костыли городят с шиной(

та мне ради одной мелкой фичи городить ничего не хочется

та мне ради одной мелкой фичи городить ничего не хочется

одна, другая

одна, другая

у меня больше ничего подобного нет и не будет)

ну смари

кто может подсказать, при гидратации и добавлении бандлов в 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>

Привет! Допустимо ли использовать методы в цикле 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>

допустимо

спасибо

причём грубо.

поделись сакральным знанием (:

А вообще как лучше все-таки делать? Например сервер через 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' } ]

А вообще как лучше все-таки делать? Например сервер через 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 если приложение небольшое и без стора, то тут я уже не советчик

недавно задавался подобным вопросом, если в приложении есть стор, то это может помочь: https://forum.vuejs.org/t/vuex-best-practices-for-complex-objects/10143 если приложение небольшое и без стора, то тут я уже не советчик

Спасибо, почитаю

А вообще как лучше все-таки делать? Например сервер через 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 компоненты.

А вообще как лучше все-таки делать? Например сервер через 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 и там обрабатывать, или создать отдельный модуль и внем обработать полученные данные?

Уточните пожалуйста, Вы имеете в виду - вынести в vuex и там обрабатывать, или создать отдельный модуль и внем обработать полученные данные?

Vuex не для этого. Вынести в отдельный модуль и там работать с данными. В компоненте вызывать функцию этого модуля, которая сделает запрос и подготовит данные для отображения (выкинет лишнее/инициализирует объеты даты, обработает строки и т.д.)

Vuex не для этого. Вынести в отдельный модуль и там работать с данными. В компоненте вызывать функцию этого модуля, которая сделает запрос и подготовит данные для отображения (выкинет лишнее/инициализирует объеты даты, обработает строки и т.д.)

Ок, понял. Спасибо!

Vuex не для этого. Вынести в отдельный модуль и там работать с данными. В компоненте вызывать функцию этого модуля, которая сделает запрос и подготовит данные для отображения (выкинет лишнее/инициализирует объеты даты, обработает строки и т.д.)

У Вас есть ссылка на чтиво по поводу подобного подхода?

Ребят, у кого какая архитектура компонентов: пишите ли всё в одном файле .vue или выносите что-то?

У Вас есть ссылка на чтиво по поводу подобного подхода?

Не подскажу. Можно погуглить что-то про структуру приложений (в т.ч. на React)

Ребят, у кого какая архитектура компонентов: пишите ли всё в одном файле .vue или выносите что-то?

в vue файлах только шаблон, остальное во внешних файлах (js/css)

Не подскажу. Можно погуглить что-то про структуру приложений (в т.ч. на React)

Понял, благодарю.

в vue файлах только шаблон, остальное во внешних файлах (js/css)

То есть создаете папку my-component, в которой my-component.vue, my-component.js, my-component.css?

То есть создаете папку my-component, в которой my-component.vue, my-component.js, my-component.css?

ага

А как точка входа компонент как Index.vue?

Ребят, у кого какая архитектура компонентов: пишите ли всё в одном файле .vue или выносите что-то?

Тут можно посмотреть/почитать https://github.com/vuejs/vue-cli

А как точка входа компонент как Index.vue?

ComponentName.vue

Vuex не для этого. Вынести в отдельный модуль и там работать с данными. В компоненте вызывать функцию этого модуля, которая сделает запрос и подготовит данные для отображения (выкинет лишнее/инициализирует объеты даты, обработает строки и т.д.)

Еще немного более подробно опишу свой компонент. По сути данный компонент это чат для 2х пользователей. При первом запросе я получаю массив с 50 сообщениями. В дальнейшем данный комонент постоянно запрашивает last-modifed заголовок у сервера, когда появляется новое сообщение я снова получаю данные с сервера. Так же сообщения подгружаются при скролле. У некоторых пользователей может быть более 4000 сообщений. В таком случае мне также обрабатывать данные в отдельном модуле?

Еще немного более подробно опишу свой компонент. По сути данный компонент это чат для 2х пользователей. При первом запросе я получаю массив с 50 сообщениями. В дальнейшем данный комонент постоянно запрашивает last-modifed заголовок у сервера, когда появляется новое сообщение я снова получаю данные с сервера. Так же сообщения подгружаются при скролле. У некоторых пользователей может быть более 4000 сообщений. В таком случае мне также обрабатывать данные в отдельном модуле?

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

Всем привет,кто то использует пакет vue-touch?Использую два события свайп влево и вправо,но при этом если скролить страницу вверх и вниз и попасть на данный блок то скрол не работает,ктото сталкивался с таким?

Привет, есть ли возможность в vue-router(Nuxt) пуншуть роут(чтоб изменился URL), но не переходить по нему?

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

Всем привет! Нода не самый сильный мой конек (вообще не мой конек). У меня следующая тривиальная проблема: Пытаюсь установить vue-cli глобально npm install -g vue-cli Далее запускаю vue в командной строке vue init webpack my-project Получаю сообщение о том, что никакой команды vue у меня нет. Кому не сложно, подскажите, пожалуйста, куда копать.

PATH прописан до бинарника?

если быть точнее то до ./node_modules/.bin/

Привет, есть ли возможность в vue-router(Nuxt) пуншуть роут(чтоб изменился URL), но не переходить по нему?

.replace

.replace

Но с replace в историю не попадёт основной адрес?

Не попадёт новый, на который меняют

PATH прописан до бинарника?

Большое спасибо) проблема была в этом.

Не попадёт новый, на который меняют

Спасибо, попробую

Кто из Киева, мы определились с датой первой встречи Kyiv Vue.js Meetup.

10.01.2018 - Киев - Kyiv Vue.js Meetup 1. Детали по ссылке: https://www.meetup.com/Kyiv-Vue-js-Meetup/events/246173518/

На meetup.com к сожалению пока оплачен аккаунт позволяющий добавить только 50 участников, но вход свободный дата место по ссылке, приходите, будем знакомиться :)

На meetup.com к сожалению пока оплачен аккаунт позволяющий добавить только 50 участников, но вход свободный дата место по ссылке, приходите, будем знакомиться :)

А где у них цены?

Не могу найьт

А где у них цены?

Цены на мероприятия или на аккаунты на meetup.com?

Цены на мероприятия или на аккаунты на meetup.com?

Не знаю) Чтоб больше народу вместить - сколько заплатить надо?