@vuejs_ru
Vue.js — русскоговорящее сообщество

Общаемся на темы, посвященные Vue.js и опыту его использования. Проблемы. Новости. Решения. См. также: @js_ru, @react_js, @angular_ru, @nuxtjs_ru Вакансии только тут: @javascript_jobs

3988 members

Архив канала @vuejs_ru 1 февраля 2017 г.

07:49:48 ДП
User 169564810
Где в директиве можно хранить локальный стейт?
07:52:21 ДП
User 40268779
User 112715267
вот ета ссылка
И вас посчитали ☺
08:05:49 ДП
User 136935602
User 169564810
Где в директиве можно хранить локальный стейт?
в доме
08:05:51 ДП
User 136935602
но директивы зло
08:05:59 ДП
User 169564810
но что поделать )
08:15:18 ДП
User 169564810
немножко утреннего счастья для комьюнити https://codepen.io/tholman/pen/YNEvda
codepen.io/tholman/pen/YNEvda
Ever wondering what the day to day developer life is like... this basically sums it up. Idea via - http://i.imgur.com/jrMwlkO.gifv Switch styles via -...
08:17:00 ДП
User 136935602
дичайший оффтоп - но это нереально круто 
20 минутная лекция как посадить шаттл
https://www.youtube.com/watch?v=N8qqfj9k5ck&t=903s
youtube.com/watch?v=N8qqfj9k5ck
Невероятно крутая лекция Брета Коупленда на мероприятии Stack Overflow 2016 Remote Meetup in Philadelphia. Попробовать посадить Шаттл можно на сайте: http://...
08:17:22 ДП
User 136935602
Причем здесь IT: он это рассказывает на Stack Overflow 2016 Remote Meetup :)
08:33:32 ДП
User 136935602
утренний квест
08:33:33 ДП
08:33:52 ДП
User 136935602
это переведенное с китайского на русский инструкция (серый блок был на английском). Что там было? :)
08:35:41 ДП
User 134877905
лучше переводить с китайского на английский
08:36:04 ДП
User 136935602
да знаю я, просто по дефолту хром сделал и это забавно
08:36:15 ДП
User 136935602
варку установить узел = brew install node
08:41:30 ДП
08:41:42 ДП
User 169564810
но погоди
08:41:50 ДП
User 169564810
а почему не nodejs?
08:42:32 ДП
User 136935602
потому что бинарник у нее называется node
08:42:41 ДП
User 136935602
а npm гугл переводит как высота над уровнем моря
08:55:22 ДП
User 133944225
User 136935602
а npm гугл переводит как высота над уровнем моря
а ты выливал свой плагин для vuex ? Можно где-то посмотреть ?
08:55:31 ДП
08:55:41 ДП
User 136935602
https://github.com/xanf/vuex-shared-mutations
github.com/xanf/vuex-shared-mutations
Share vuex mutations between tabs/windows. Contribute to xanf/vuex-shared-mutations development by creating an account on GitHub.
08:55:47 ДП
User 133944225
User 136935602
да
thx
10:16:05 ДП
User 169564810
Климов уже начал писать плагин DataTables:
https://www.liveedu.tv/xanf/
liveedu.tv/xanf/lz0J6-ru-javascriptninja-dive-into-nodejs
LiveEdu is an interactive social coding platform where you can watch professionals code in real time. Visit website, meet coders and learn programming.
10:49:26 ДП
11:17:53 ДП
User 136935602
на удивление вышло то что я хотел
11:17:55 ДП
User 136935602
аж странно :)
01:21:21 ПП
User 187220703
User 55423102
)))
01:24:37 ПП
User 112715267
User 55423102
Это где так
01:29:51 ПП
User 55423102
Не знаю) самому скинули
01:38:58 ПП
User 187220703
Видео сервер перегружен... =(
01:44:44 ПП
User 55423102
Gitlab ведет стрим как восстанавливают данные
01:44:46 ПП
User 55423102
прикольно
01:44:48 ПП
User 55423102
21 век
01:44:53 ПП
User 152816933
Текстовый?
01:45:23 ПП
User 114257402
ссылку можно?
01:45:29 ПП
User 39759851
21 век
проебываем данные из-за человеков
01:45:32 ПП
User 55423102
https://www.youtube.com/watch?v=nc0hPGerSd4
youtube.com/watch?v=nc0hPGerSd4
Working on restoring GitLab.com. FAQ below. * Blog post https://about.gitlab.com/2017/02/01/gitlab-dot-com-database-incident/ * Who did it, will they be fire...
01:45:33 ПП
01:46:18 ПП
User 55423102
https://www.theregister.co.uk/2017/02/01/gitlab_data_loss/?mt=1485956717210
theregister.co.uk/2017/02/01/gitlab_data_loss
Upstart said it had outgrown the cloud – now five out of five restore tools have failed
01:46:20 ПП
User 55423102
ну бывает
02:11:42 ПП
User 57772277
vue-cli норм использовать, или принято что то другое?
02:20:45 ПП
02:23:56 ПП
User 169564810
@tatyshev в комьюнити Vue не принято использовать ничего другого: мы используем только Vue-инструменты, мы говорим используя только Vue-термины и мы категорически не признаем других верований!
02:24:03 ПП
User 169564810
Кроме jQuery, он милашка ^__^
02:24:34 ПП
02:24:47 ПП
02:25:23 ПП
User 55423102
про самый лучший фреймворк -- vanillajs даже и словом не обмолвились))
02:26:19 ПП
User 169564810
@alex_sokolov еретик, никаких =, только Vue.set
02:26:46 ПП
02:27:35 ПП
02:29:25 ПП
User 139059931
Как раньше были(хотя и сейчас есть) JQuery программисты и JS программисты, так сейчас будут Vue и JS))
02:32:45 ПП
User 152816933
Оно и сейчас есть
02:33:19 ПП
User 152816933
... тот баян: "Как сложить два числа на реакте"
02:36:01 ПП
User 85413039
реакт редакс синьоры есть же уже
02:39:51 ПП
User 55423102
User 152816933
... тот баян: "Как сложить два числа на реакте"
Ну это надо lodash подключать 😃
02:39:56 ПП
User 169564810
@c01nd01r 
<sum>
 <input type=number ref=A />
 <input type=number ref=B />
</sum>
кажется, как-то так
02:45:19 ПП
User 152816933
User 169564810
@c01nd01r 
<sum>
 <input type=number ref=A />
 <input type=number ref=B />
</sum>
кажется, как-то так
на vue проще будет) v-model  наше все
02:46:10 ПП
User 169564810
на Vue можно через slot :D
02:46:33 ПП
User 85413039
Что подразумевается, под тем, что vue может использовать уже готовые дом элементы?
02:47:18 ПП
User 152816933
User 85413039
Что подразумевается, под тем, что vue может использовать уже готовые дом элементы?
можно больше контекста?
02:49:21 ПП
User 169564810
@deep_freeze наверное то, что тебе не обязательно прописывать все в темплейтах, ты можешь Vue прицепить к дому, а он посмотрит что внутри элемента и превратит содержимое в шаблон
02:49:40 ПП
User 85413039
User 169564810
@deep_freeze наверное то, что тебе не обязательно прописывать все в темплейтах, ты можешь Vue прицепить к дому, а он посмотрит что внутри элемента и превратит содержимое в шаблон
Например?
02:52:34 ПП
User 169564810
@deep_freeze например, React.render(<template>, root) ты не можешь вызвать, не передав ему шаблон - ему нечего будет отрисовывать.
А вот Vue можно и без шаблона
(new Vue()).$mount('#page')
и с шаблоном
(new Vue({ template: '<i>yo</i>' })).$mount('#page')
02:53:04 ПП
User 169564810
В первом случае Vue сделает innerHTML на root'е и сохранит его себе как шаблон инстанса
02:53:37 ПП
User 169564810
тоесть превратит существующее дерево элементов - в шаблон
02:53:37 ПП
User 169564810
Что подразумевается, под тем, что vue может использовать уже готовые дом элементы?
02:53:41 ПП
User 169564810
тоесть превратит существующее дерево элементов - в шаблон
03:01:24 ПП
User 85413039
Клёво
03:03:27 ПП
User 169564810
есть даже странная директива inline-template, когда ты хочешь какому-нибудь компоненту передать шаблон из вне
03:03:45 ПП
User 169564810
https://vuejs.org/v2/guide/components.html#Inline-Templates
vuejs.org/v2/guide/components.html
Vue.js - The Progressive JavaScript Framework
03:04:39 ПП
User 169564810
Это, правда, не то же самое, так как срабатывает уже на уровне шаблонов, но показывает как контрибьюторы Vue старались разнообразить использование шаблонов
03:08:12 ПП
User 187220703
User 169564810
Кроме jQuery, он милашка ^__^
😱😱😱😱😱
03:23:22 ПП
User 85413039
Ок, спасибо большое за разъяснения
03:23:30 ПП
User 85413039
Вот еще вопрос
03:24:55 ПП
User 85413039
Мне заказали разработку spa интерфейс
03:25:04 ПП
User 85413039
Для crm
03:26:17 ПП
User 152816933
А там jquery...
03:26:43 ПП
User 85413039
Точнее надо сделать  интерфейс с поддержкой тач для POS терминала
03:27:36 ПП
User 85413039
Теперь думаю, есть ли готовые коллекции компонентов для тач для вью
03:28:12 ПП
User 85413039
Пока смотрел quasar framework, но пугает его версия 0.13 чтоли
03:29:41 ПП
User 136935602
тут зависит от сложности интерфейса
03:29:47 ПП
User 136935602
может быть проще и дешевле сделать свои
03:30:05 ПП
User 136935602
т.к. последнее время все эти тач интерфейсы пилятся а) для емкостных экранов б) для мультитача
03:30:14 ПП
User 136935602
а на POS вполне себе может быть резистивный экран с 1 тач пойнтом
03:30:28 ПП
User 112715267
ребят
03:30:32 ПП
User 112715267
никто не видел рулетку на vue?
03:30:34 ПП
User 112715267
хорошую
03:30:56 ПП
User 187220703
что такое рулетка?
03:32:34 ПП
User 85413039
User 136935602
может быть проще и дешевле сделать свои
Ну я потихоньку прихожу к этому мнению
03:33:42 ПП
User 112715267
User 187220703
что такое рулетка?
ну типа карусель, только чтобы циклически крутилась какое-то время и останавливалась на нужном номере
03:35:15 ПП
User 152816933
User 85413039
Ну я потихоньку прихожу к этому мнению
hammer.js есть к vue  прикрученный, в офф. репе
Правда, как он там работает...
03:35:36 ПП
User 152816933
а, нет
03:35:46 ПП
User 152816933
>Touch events plugin for Vue.js. This plugin does not support Vue 2.0 yet.
03:37:13 ПП
User 85413039
Заказчик хотел сначала на ангуляр 2 сделать
03:37:19 ПП
User 85413039
Я его уговорил на Vue
03:37:43 ПП
User 136935602
User 152816933
>Touch events plugin for Vue.js. This plugin does not support Vue 2.0 yet.
опять же, хаммер может и не понадобиться вообще
03:37:48 ПП
User 136935602
вобщем без внятного ТЗ и результат ХЗ
03:38:05 ПП
User 152816933
Да, тут не понятно, что значит "тач" :)
03:43:22 ПП
User 187220703
User 112715267
ну типа карусель, только чтобы циклически крутилась какое-то время и останавливалась на нужном номере
да на vue по моему проще самому делать, чем искать что-то готовое
03:43:44 ПП
User 112715267
да у меня времени вообще в обрез писать сейчас
03:45:46 ПП
User 113361293
Всем привет.
Не работаю, пока не взяли никуда. Парочку личных проектов на задумке есть, к слову то что я ковырял почти 2 недели в ng-2, во Vue сделал за полтора-два часа вчера, почитав перед этим 2 дня документацию и позапукал те примеры.
Собственно, специалистом назвать меня сложно, на данный момент я таким еще не стал.
Возможно кто-то захочет совместный проект написать, буду рад этим помочь сообществу.
Украина, Днепр.
Знакомый скинул инвайт. Кстати, видел на стриме у Климова, как он пиарил конфу это.
#whois
03:45:55 ПП
User 113361293
все правильно сделал?
03:52:51 ПП
User 213867982
что за стрим?
03:53:52 ПП
User 113361293
https://www.liveedu.tv/xanf/
liveedu.tv/xanf/lz0J6-ru-javascriptninja-dive-into-nodejs
LiveEdu is an interactive social coding platform where you can watch professionals code in real time. Visit website, meet coders and learn programming.
03:54:03 ПП
User 113361293
Илья Климов
03:54:09 ПП
User 113361293
вы наверняка его упоминали тут частенько
03:54:21 ПП
03:54:40 ПП
User 133944225
не, мы о таком не знаем
03:57:33 ПП
User 9656239
Не, у нас и в чате ни одного Ильи, не то что Климовых.
04:01:57 ПП
User 55423102
256 участников теперь)
04:03:43 ПП
User 117901648
а коммьюнити-то растет!
04:09:08 ПП
User 136935602
а чего ж ему не рости
04:09:10 ПП
User 136935602
дело-то хорошее
04:10:06 ПП
User 108562525
User 113361293
Всем привет.
Не работаю, пока не взяли никуда. Парочку личных проектов на задумке есть, к слову то что я ковырял почти 2 недели в ng-2, во Vue сделал за полтора-два часа вчера, почитав перед этим 2 дня документацию и позапукал те примеры.
Собственно, специалистом назвать меня сложно, на данный момент я таким еще не стал.
Возможно кто-то захочет совместный проект написать, буду рад этим помочь сообществу.
Украина, Днепр.
Знакомый скинул инвайт. Кстати, видел на стриме у Климова, как он пиарил конфу это.
#whois
Я ангуляр не пробовал, но у меня почему-то есть ощущение, что либо ангуляр переусложнён, либо с ним всё ок, а вью не такой гибкий / ограниченный.
04:10:36 ПП
User 113361293
у меня тоже не так уж и много опыта, но вью кажется ооочень гибким
04:10:45 ПП
User 113361293
я на всем попробывал пописать
04:10:50 ПП
04:10:56 ПП
User 113361293
первый, второй, потом реакт поколупал, теперь вью
04:10:59 ПП
User 85413039
User 108562525
Я ангуляр не пробовал, но у меня почему-то есть ощущение, что либо ангуляр переусложнён, либо с ним всё ок, а вью не такой гибкий / ограниченный.
Про первый или второй?
04:11:17 ПП
User 108562525
User 85413039
Про первый или второй?
второй
04:11:45 ПП
User 85413039
User 113361293
первый, второй, потом реакт поколупал, теперь вью
Писал бы на jquery, пропустил бы весь этот хайп мимо ушей)
04:13:28 ПП
User 133944225
ну как говорилось, чтобы писать на Angular 2, тебе нужно шарить TS / Rx.js. Сразу понимать что такое модульность, везде все инжектить и объявлять. А тут легче написать что-то, что будет кое как работать. Мне кажется, что в ву легко говнокодить так как каждый может это сделать. А в ангуляре чтобы начать этим заниматься сначала нужно его хотябы засетапить :D
04:15:43 ПП
User 113361293
мне кажется он не будет таким мейнстримным, займет свою нишу в ecommerce
04:19:36 ПП
User 85413039
И еще вопрос
04:19:58 ПП
User 85413039
Есть ли какие либо предпочтения в структуре большого проекта во vue?
04:20:23 ПП
User 85413039
Так то все держать в одной папке src или components это не дело
04:21:45 ПП
User 133944225
User 85413039
Так то все держать в одной папке src или components это не дело
всегда можно создать что-то типо Container / Pages
04:23:05 ПП
User 108562525
если у вас есть фетиш на девушек, которые кодят (на вью), то вот стрим: https://www.liveedu.tv/pariamonia/
liveedu.tv/pariamonia/l5vxR-laravel-and-vuejs
LiveEdu is an interactive social coding platform where you can watch professionals code in real time. Visit website, meet coders and learn programming.
04:23:18 ПП
User 133944225
смотрю на миниатюрку
04:23:22 ПП
User 133944225
не вижу девушку
04:23:30 ПП
User 108562525
я тоже 😏
04:24:24 ПП
User 108562525
ладно, скукотень. она даже не разговаривает.
04:24:33 ПП
User 108562525
придётся смотреть только на Климова 😒
04:25:49 ПП
User 136935602
да ну его на меня смотнеть
04:27:00 ПП
User 85413039
“Vue.js 2 + Vuex + Vue-Router + yarn! Basic Configuration” @PabloHPSilva https://medium.com/tldr-tech/vue-js-2-vuex-vue-router-yarn-basic-configuration-e88e0ea53bb6
medium.com/tldr-tech/vue-js-2-vuex-vue-router-yarn-basic-configuration-e88e0ea53bb6
tl;dr;
04:27:16 ПП
User 85413039
Что скажете насчет такой структуры?
04:55:42 ПП
User 187220703
Я все компоненты внутри src разделил на несколько папок по категориям, одна из них components, там положил компоненты синглтоны, навигацию, сьартовый компонент, там тоже поделил все на папки по разным базовым роутам прилажения. Затем в парке src пару папок с базовыми переиспользуемыми компонентами, это controls (дейтпикеры, селекты, кнопки, чекбоксы и т.п.) и containers, где лежат всякие аккордеоны, модалки, формы, табы, и т.п.)
04:56:05 ПП
User 187220703
ПрилАжения )
05:18:01 ПП
User 108562525
Интересно, а кто-нибудь пробовал мигрировать со сборки vue init webpack на vuepack?
05:30:36 ПП
User 134877905
Зачем?
05:54:05 ПП
User 108562525
ну, вторая посовременней.
06:02:40 ПП
User 136935602
ну если вам все оттуда __реально__ надо то исходники перетащить должно быть просто
06:10:03 ПП
User 187220703
А че за вуепак такой?
06:10:54 ПП
User 112715267
вот только что поставил vue-webpack
06:11:36 ПП
User 112715267
вопросик такой
там можно кастомную структуру файлов сделать или строго так, как в доках?
06:14:24 ПП
User 40268779
Скажите а в custom directives можно значения атрибутов как то получить?
06:15:52 ПП
User 40268779
User 112715267
вопросик такой
там можно кастомную структуру файлов сделать или строго так, как в доках?
А какие там ограничения на структуру файлов? Хочешь - подключай внешний css или js, просто укажи '/. js' loader соответственно
06:16:51 ПП
User 112715267
Ну я имею в виду, в какую папку будет билдиться
06:18:24 ПП
06:18:40 ПП
User 40268779
User 112715267
Ну я имею в виду, в какую папку будет билдиться
Ну ты сам задаешь же в конфигурации вебпака. Vue loader тут ни при чем
06:19:12 ПП
User 169564810
@mkuznetcov глянь здесь
https://github.com/termosa/vue-default-value/blob/master/src/vue-default-value.js#L16
github.com/termosa/vue-default-value/blob/master/src/vue-default-value.js
vue-default-value - A Vue.js Directive to set a default value for editable elements with no affect to the model state.
06:19:49 ПП
User 169564810
vnode.data инфа про элемент хранится, он 3-м аргументом идет в lifecycle функциях
06:20:03 ПП
User 40268779
Ага попробую спасибо
06:23:24 ПП
User 108562525
А можете подсказать, как вы подключаете axios (или любую другую либу, которая нужна браузеру) в вебпаковский проект?

Я просто думал сделать npm i --save axios, потом прописать
import axios from 'axios'
…Но браузер говорит, что не знает ничечго про него.
axios is not defined<script src=¨unpkg…/axios"> не предлагать 😏
06:23:51 ПП
User 55423102
Именно так и подключаю
06:24:22 ПП
User 113361293
а чем эта либа лучше стандартного fetch?
06:24:51 ПП
User 55423102
Вебпак ищет каталог в нод модулес
06:25:18 ПП
User 55423102
User 113361293
а чем эта либа лучше стандартного fetch?
Просто удобнее. Фетч низкоуровневый
06:26:49 ПП
User 187220703
User 40268779
Скажите а в custom directives можно значения атрибутов как то получить?
Там уже нет атрибутов, тока через дом, насколько я понял
06:27:12 ПП
User 108562525
User 55423102
Вебпак ищет каталог в нод модулес
тогда почему он не может его доставить просто с учётом импорта?
06:27:37 ПП
User 108562525
я, наверное, не понял, как ты подключаешь, @alex_sokolov. Через import или через <script src?
06:27:50 ПП
User 55423102
Не знаю 😊 что-то не так может настроено
06:27:54 ПП
User 55423102
Через импорт
06:28:19 ПП
User 187220703
User 108562525
А можете подсказать, как вы подключаете axios (или любую другую либу, которая нужна браузеру) в вебпаковский проект?

Я просто думал сделать npm i --save axios, потом прописать
import axios from 'axios'
…Но браузер говорит, что не знает ничечго про него.
axios is not defined<script src=¨unpkg…/axios"> не предлагать 😏
Может у тебя импорт происходит после использования
06:56:11 ПП
User 108562525
Да, всё работает. Я просто забыл импортнуть axios в другом модуле, и час пытался решить фантомную ошибку. 
._.
06:59:36 ПП
06:59:43 ПП
User 169564810
ну бывает
07:03:10 ПП
User 55423102
Это ещё ты быстро)
07:03:36 ПП
User 55423102
Случалось и подольше тупить)))
07:06:14 ПП
User 108562525
А что самое классное, что я в том модуле поставил // eslint-disable line, потому что добавлял <script> вручную, и мне неоткуда было взять определение axios. 

Соответственно линтер даже не мог мне помочь с проблемой, сам себя обезоружил. Ппц :)
07:32:30 ПП
07:54:08 ПП
07:54:15 ПП
User 112715267
sweet frontend
08:53:33 ПП
User 112715267
Зачем нужен eslint?
08:53:38 ПП
User 112715267
это же ад какой-то
08:53:55 ПП
User 60331718
User 112715267
это же ад какой-то
Чтобы твой код не был какахой
08:54:06 ПП
User 112715267
ну я все понимаю, конечно
08:54:13 ПП
User 112715267
но блин, когда он ругается на пустую строку
08:54:17 ПП
User 112715267
это как-то перебор
08:54:46 ПП
User 60331718
Это кодстайл
08:55:03 ПП
User 60331718
Он почти полностью кастомизируется
09:10:15 ПП
User 112715267
а что за прикол новый
09:10:19 ПП
User 112715267
синхронизация роутера с vuex
09:10:24 ПП
User 112715267
и в vue передается только роутер оО
09:12:14 ПП
User 60331718
User 112715267
синхронизация роутера с vuex
??
09:12:16 ПП
User 60331718
Ссылку
09:12:30 ПП
09:12:55 ПП
User 112715267
это boilerplate
09:12:56 ПП
09:13:26 ПП
09:13:29 ПП
09:19:19 ПП
User 133750577
Это же и во всех шаблонах vue-cli было
09:20:14 ПП
User 108562525
я думал нужно синхронизировать только между вкладками, чтобы хэндлить выход из аккаунта, например.
09:21:09 ПП
User 108562525
User 112715267
а что за прикол новый
а, ну, видимо, чтобы в time travel уметь
09:21:22 ПП
09:21:22 ПП
User 108562525
и при баге отправлять автоматически историю
09:22:05 ПП
User 133750577
Эта штука просто пробрасывает роутер в стор. Делает переход по страницам мутацией
09:22:25 ПП
User 133750577
Так то можно вообще не юзать
09:22:30 ПП
User 133750577
На логику не влияет
10:41:53 ПП
User 112715267
как же хорошоооо
10:41:59 ПП
User 112715267
с boilerplate-та