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

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

3988 members

Архив канала @vuejs_ru 30 ноября 2016 г.

12:57:20 ДП
User 164670195
User 138709614
В версии 2.1.0 добавили и внутрь v-bind фильтры https://gist.github.com/yyx990803/faebe22e8763f5b17572b35ed96f52fe#relaxed-filter-usage
gist.github.com/yyx990803/faebe22e8763f5b17572b35ed96f52fe
спасибо великий человек
04:50:16 ДП
User 58768789
Гайз, есть кто юзает вьюикс + вью-роутер? Разделяете стор на модули? Не могу понять как по-нормальному при редиректе на, допустим, /foo добавить в стор новый модуль foo.
04:50:58 ДП
User 58768789
Али прям в новом компоненте router-view херачить?
06:02:38 ДП
User 133944225
User 58768789
Гайз, есть кто юзает вьюикс + вью-роутер? Разделяете стор на модули? Не могу понять как по-нормальному при редиректе на, допустим, /foo добавить в стор новый модуль foo.
в смысле? 
ты же когда делаешь vue.store, при инициализации приложения, ты же туда сразу отправляешь все модули
06:31:46 ДП
User 58768789
Не, суть в том, что их хочется подгружать по мере надобности. У меня проект чуть более чем из 100500 отдельных вьюх состоит, и подгружать их всех сразу - не вариант. Каждый view-компонент подгружаю ассинхронно по мере надобности, тоже хочется и с модулями стора. Ибо зачем приложению держать в сторе модуль bar, если сейчас приложение на странице /foo, с которой на /bar почти никто не переходит. Чет типа того
06:33:26 ДП
User 58768789
https://vuex.vuejs.org/ru/modules.html#динамическая-регистрация-модулей
06:34:18 ДП
User 58768789
User 133944225
в смысле? 
ты же когда делаешь vue.store, при инициализации приложения, ты же туда сразу отправляешь все модули
Вот так их можно динамически подключать. Только вот как бы узнать про бестпрактис этого дела
06:42:25 ДП
User 55423102
Ну а документация к Vuex это не best practice?)
06:44:53 ДП
User 58768789
В доках указано только само существование этого vuex-ового метода. Но не сказано, как применять в рельном проекте. А тут еще и случай, выходящий за рамки vuex-доков, ибо еще есть роутер, по евентам которого и хочется "триггерить" подтягивание модуля :(
06:47:51 ДП
User 58768789
Единственный вариант, что мне видится - подключать новый модуль на created подгруженного view-компонента. Но как-то некрасиво что ли.
07:04:43 ДП
User 58768789
*на beforeCreate
07:54:42 ДП
User 133944225
а beforeCreate выполняется только при 1ом рендере? т.е если ты поменяешь роут и вернешься обратно компонент еще раз билдится или продолжает вотчиться старый?
08:03:13 ДП
User 58768789
Только при первом. Просто дополнительно можно отключать vuex-модуль на beforeDestroy. А можно и не отключать. При дестрое все вотчеры снимаются сами
08:04:40 ДП
User 58768789
Перечитал твой вопрос - beforeCreate происходит каждый раз при подключении компонента.
08:04:59 ДП
User 58768789
Он еще раз сбилдится
08:05:14 ДП
User 133944225
тогда ты будешь каждый раз сетить модуль? может можно как-то чекать есть ли уже данный модуль и второй раз его не инитить ?
08:05:51 ДП
User 58768789
User 133944225
тогда ты будешь каждый раз сетить модуль? может можно как-то чекать есть ли уже данный модуль и второй раз его не инитить ?
Отличное замечание! Прям плюсище в карму! Я не подумал как-то.
08:06:11 ДП
User 58768789
Ну вообще я на дестрое собираюсь модуль отключать за ненадобностью
08:08:51 ДП
User 58768789
А вообще - можно, конечно. Просто чекаешь if (this.$store.state.myModuleName) и далее по списку
08:09:03 ДП
User 58768789
Хотя это некрасиво
08:09:17 ДП
User 133944225
мне кажется, что сделать проверку ифом будет куда более профитнее чем удалять и сетить снова
08:09:24 ДП
User 133944225
если говорить про какой-нибудь перфоманс
08:09:25 ДП
08:09:52 ДП
User 58768789
Еще есть приватное свойство у $store -  _runtimeModules. Но это уже совсем за рамки
08:10:36 ДП
User 58768789
User 133944225
мне кажется, что сделать проверку ифом будет куда более профитнее чем удалять и сетить снова
У меня там может быть много данных. Забивать зря память не стоит.
08:11:08 ДП
User 58768789
А сеттинг нового модуля крайне быстро происходит
08:20:08 ДП
User 133944225
хочу прод на vue(
09:03:32 ДП
User 58768789
User 133944225
хочу прод на vue(
А что мешает?
09:13:47 ДП
User 133944225
Моя текущая работа и проект)
10:07:32 ДП
User 58768789
Я вот на своем проекте собрал всех, запилил презенташку и показал, зачем нам нужен вуй
10:13:07 ДП
User 55423102
Мы на нашем проекте тоже отчасти начинаем переезжать
10:15:53 ДП
User 55423102
компонентов на замену jquery-плагинов не найти еще дельных)
10:35:16 ДП
User 152816933
Устроился на новую работу запилив демку на vue 😎
10:43:28 ДП
User 94928643
User 58768789
Я вот на своем проекте собрал всех, запилил презенташку и показал, зачем нам нужен вуй
может статью напишешь? ) было бы круто
10:44:02 ДП
User 152816933
User 94928643
может статью напишешь? ) было бы круто
+1
10:44:17 ДП
User 58768789
Хммм... А идея неплохая.
10:45:19 ДП
User 152816933
и ссылку на презентацию :)
10:46:03 ДП
User 58768789
Единственное, в моем проекте и так ходило недовольство по поводу состояния FE, так что на это давить и не пришлось особо. Я, скорее, доказывал, почему нам нужен вью, а не что-то другое. Но вообще идея хороша)
10:46:19 ДП
User 58768789
User 152816933
и ссылку на презентацию :)
Там чисто код, и если она сохранилась
10:46:23 ДП
User 58768789
Ща гляну
10:46:41 ДП
User 58768789
все устно было более-менее интересное
10:47:30 ДП
User 58768789
Короче, презентаций было несколько, сохранилась последняя. Вью против реакта
10:47:34 ДП
User 58768789
Надо?
10:47:51 ДП
User 152816933
Если не сложно, давай)
10:48:04 ДП
User 58768789
Построена на примере из реальной практики
10:48:05 ДП
10:48:10 ДП
User 94928643
отлично!
10:48:36 ДП
User 58768789
https://docs.google.com/presentation/d/1ng0kRYI42X7dI_nSEQNXc9Jqq64HX_feU0XpxF6S92c/edit?usp=sharing
docs.google.com/presentation/d/1ng0kRYI42X7dI_nSEQNXc9Jqq64HX_feU0XpxF6S92c/edit?usp=sharing&hl=en
V S
10:48:46 ДП
User 58768789
еще раз повторюсь, там один лишь код
10:49:24 ДП
User 58768789
И часть - о наболевших вопросах коллег после предыдущих презентаций. ООП, например, devtools
10:49:46 ДП
User 58768789
Но я ее помню, так что можно адаптировать
10:52:21 ДП
User 58768789
Что-нибудь понятно? :D
10:54:21 ДП
User 58768789
Я полагаю - ничего не понятно) Она для устного рассказа была предназначена. Сегодня засяду, адаптирую для чтения.
10:54:28 ДП
User 94928643
jade немного бесит )
10:54:32 ДП
User 152816933
Все отлично понятно
10:54:48 ДП
User 138709614
Крутая презентация !
10:54:57 ДП
User 152816933
А Two-way binding разве не выпилил во второй версии? Где-то про это даже в офф.доках было
10:56:16 ДП
User 152816933
Ну ничего, в 2018 все будут писать на vue, а там и компоненты от комьюнити подвезут.
10:56:27 ДП
User 58768789
User 152816933
А Two-way binding разве не выпилил во второй версии? Где-то про это даже в офф.доках было
Какой же это вью без 2-вэй?
10:56:33 ДП
User 58768789
Все есть
10:56:50 ДП
User 58768789
Выпилили, вроде, для пропсов 2-way
10:57:02 ДП
User 152816933
А, ну да
10:57:24 ДП
User 152816933
Так и не нашел удобной bootstrap либы компонентов
10:58:35 ДП
User 85413039
а ты не думал скинуть презентуху в реакт чат?)
10:58:58 ДП
User 94928643
не ломает после jsx опять дробить все на html и js?
11:01:39 ДП
User 58768789
User 85413039
а ты не думал скинуть презентуху в реакт чат?)
Она не адаптирована для чтения) И я ни разу не хэйтер реакта. Я ее даже старался делать так, чтобы реакт не показался слишком тяжелым. (дать коллегам иллюзию того, что они выбирают сами :D Было голосование)
11:04:04 ДП
User 58768789
User 94928643
не ломает после jsx опять дробить все на html и js?
Не совсем понял вопрос. Вью и реакт в этом плане очень похожи, так что, наверное, нет) Юзаю *.vue. В случае слишком больших компонентов дроблю на Component.vue (js) + Component.pug (template)
11:14:27 ДП
User 94928643
а все, вижу *.vue, не знала
11:38:10 ДП
User 215699186
@georgethehipster есть vue проекты в продакшн ?
11:38:54 ДП
User 58768789
У меня - нет. Сейчас занимаюсь, но увидеть не получится. Внутренний проект компании.
11:45:28 ДП
User 94928643
а vuex не используешь?
11:47:23 ДП
User 215699186
т.е. в этом чатике ни у кого нет vue проекта в проде?
11:48:15 ДП
User 85413039
если называть нефтяную отрасль продакшном
11:48:16 ДП
User 85413039
то есть
11:48:33 ДП
User 215699186
ссылочку дашь
11:48:35 ДП
11:48:49 ДП
User 43449448
Насколько я знаю n1.ru использует Vue.js
11:49:14 ДП
11:49:36 ДП
User 85413039
ентерпрайз, нефть, нефтяные гос компании
11:50:23 ДП
User 85413039
ну можно сказать, что в российской нефтянке юзается Vue ))
11:51:46 ДП
User 215699186
@inferst благодарю
11:54:02 ДП
User 58768789
User 43449448
Насколько я знаю n1.ru использует Vue.js
Там и работаю :D но в другой команде
11:54:15 ДП
User 552804
Я юзал в одном проекте на продакшене но там совсем мало vue
11:54:25 ДП
User 552804
Лендос с корзиной товаров
11:54:56 ДП
User 58768789
User 94928643
а vuex не используешь?
А куда без него?
11:55:05 ДП
User 552804
Ну и щас делаю 2 проекта и там и там Vue для форм, а на бэке ларавель
11:59:00 ДП
User 94928643
User 58768789
А куда без него?
спасибо )
12:07:44 ПП
User 184398046
Есть даже на 0.11 админка в проде