@vuejs_ru

Страница 3238 из 3900
Max
11.07.2018
13:43:52
$emit()
Ну это да, а вот у меня один компонент, это инпут, в родителе я его 4 раза рендерю, в инпут передаю пропсы: type, name. Теперь мне из инпута нужно собрать данные v-model'ем, т.е. в v-model нужно понять какой name связывается с данными

Kosmos
11.07.2018
13:44:39
Речь не о первоначальной инициализации стора. Сейчас постараюсь объяснить.

Google
Atkisai
11.07.2018
13:45:45
Всем привет! Ребят ктонебуть пробавал создавать приложения на weex. Имеется магазин который продает пироги, на Laravel/vue слышал что можно создать мобильное приложение на мгу под Андроид и Айфон. Ктонебуть пробовал создавать хотим создать мобильное приложение. Узнать сколько будет это стоить
есть weex, есть еще quasar, тоже такая же штука как weex, но это такое.. не факт что на смартфоне там все будет красиво и как надо, native-script вроде посерьезнее будет, ну и самая хорошая это react-native, но там другой код, есть еще vue-native, это надстройка над react-native, там будет код vue. Все зависит от сложности приложения и компонентов которые в нем, сложнее- react-native, там есть все, попроще, то можно попробовать vue-native или native-script for vue

Max
11.07.2018
13:46:30
тут v-model не собирает данные, нужно из инпута прям

Kosmos
11.07.2018
13:47:23
Вот хотите вы вывести цену в за товар в долларах. Для этого вам нужно получить с бекенда курс доллара. Но нет смысла ее запрашивать, если вы не будете выводить цены, по этому в какой-то момент, в интерфейсе появляется цена, и вот именно в этот момент нужно проверить, запрашивался ли уже курс доллара. Это очень примитивный пример. В реальном приложении у нас очень сложный стор, с кучей зависимостей, которые стало сложно поддерживать, по этому думаем над способом реализации депенденси инжекшин таких вот инициализаций. По сути зависимость это какой-то массив, последовательных действий, которые нужно выполнить, что бы мог быть выполнен текущий вызываемый экшин.

Konstantin
11.07.2018
13:47:23
есть getter во vuex, который будет использоваться на ВСЕХ компонентах. Допустимо ли обращаться к нему по store.state.getters.getterName ? Импортировать в каждый компонент очень не хочется

Kosmos
11.07.2018
13:48:00
Запросить все на старте нет смысла, и это очень дорогостоащая операция по времени.

reskwer
11.07.2018
13:52:34
Запросить все на старте нет смысла, и это очень дорогостоащая операция по времени.
создать стор на старте - и запросить все данные в стор на старте Это 2 огромные разницы. Создайте стор, поделите его на модули. Когда нужно обновление курса, вызывайте екшен с модуля отвечающего за курсы, там же логируйте время последнего апдейте. Если пользователь переключил курс, проверьте актуальность ваших данных, включите прелоадер юзеру, обновите стор ИЛИ если нет данных - загруите данные в стор, выключите прелоадер.

PS я обосновывался вашим пример, но в крупных проектах с огромными сторами так-же делается. Нет нужды инициализировать стор, его нужно только наполнить.

Konstantin
11.07.2018
13:54:00
this.$store.getters.getterName() ?
да, только в моем случае в js-части компонента, затестил, такое обращение работает - store.getters.isExpApiRefactoring

reskwer
11.07.2018
13:54:49
Надеюсь понятно ответил.
https://vuex.vuejs.org/ru/guide/modules.html

Google
Serge
11.07.2018
13:55:41
да, только в моем случае в js-части компонента, затестил, такое обращение работает - store.getters.isExpApiRefactoring
я не понимаю вопроса. vuex store доступен в любом компоненте через this.$store без всяких импортов

Kosmos
11.07.2018
13:56:36
создать стор на старте - и запросить все данные в стор на старте Это 2 огромные разницы. Создайте стор, поделите его на модули. Когда нужно обновление курса, вызывайте екшен с модуля отвечающего за курсы, там же логируйте время последнего апдейте. Если пользователь переключил курс, проверьте актуальность ваших данных, включите прелоадер юзеру, обновите стор ИЛИ если нет данных - загруите данные в стор, выключите прелоадер.
Сергей, сергей, у меня больше нескольких десятков модулей в сторе. Вы просто видимо не работали на действительно больших проектах, со сложной системой неднородных API, и со смешанными потоками данных, По этому отсутсвие опыта не позволяет вам понять суть проблематики, которую я поднемаю.

Max
11.07.2018
14:02:40
есть у кого мысли, как лучше сделать?

есть у кого мысли, как лучше сделать?
или из детёныша меня данные родителя?)))

ау)))

Mo
11.07.2018
14:14:23
или из детёныша меня данные родителя?)))
кто-нибудь это распарсил? :)

Max
11.07.2018
14:14:49
кто-нибудь это распарсил? :)
что ты имеешь ввиду?)

Mo
11.07.2018
14:15:19
что ты имеешь ввиду?)
скорее вопрос что ты имеешь ввиду)) не понятна фраза от слова совсем)

тут v-model не собирает данные, нужно из инпута прям
тут, мне кажется, нужно $emit-ом пробрасывать полученные в инпуте значения наверх, в родитель, в котором эти инпуты рендерятся

Max
11.07.2018
14:19:33
тут, мне кажется, нужно $emit-ом пробрасывать полученные в инпуте значения наверх, в родитель, в котором эти инпуты рендерятся
да, получается при потере фокуса нужно эмитить событие с передачей данных, иначе никак

Mo
11.07.2018
14:19:57
выходит что так, все-таки инпут тут является компонентом со своим скоупом

Max
11.07.2018
14:20:27
скорее вопрос что ты имеешь ввиду)) не понятна фраза от слова совсем)
есть компонент РОДИТЕЛЬ, а есть компонент в родителе, я его назвал ДЕТЁНЫШ )))

Mo
11.07.2018
14:20:43
а меня == менять?)

Max
11.07.2018
14:21:19
выходит что так, все-таки инпут тут является компонентом со своим скоупом
тогда лучше сделать форму и не выводить инпут в компонент, чтоб не издеваться с эмитом и передачей в родитель данных

Марат
11.07.2018
14:21:22
@kids_man может кто-то предлагал такое но мб прокатит: input(v-model="item.text",@input="changeInput(item.text,i)"); i - индекс в v-for="(item, i) in yourArrayOfObjects"

Mo
11.07.2018
14:21:30
совершенно верно :)

Марат
11.07.2018
14:21:57
дальше просто отлавливаешь в методе changeInput value и интересующий тебя индекс

Max
11.07.2018
14:21:57
совершенно верно :)
это кому ответ?)

Google
Max
11.07.2018
14:22:34
Mo
11.07.2018
14:23:04
я, если что, тоже не ощ знаю, так что лучше всего разное пробовать

Nikita
11.07.2018
14:23:35
ну я думал про емит, но как внутри обычного инпута вызывать то...

Костя
11.07.2018
14:30:43
в функции можно вызвать

событие ввода использовать на инпуте

и привязать его к функции

Nikita
11.07.2018
14:32:05
так а функция то у нас в родители?

Марат
11.07.2018
14:32:27
emit можно кинуть

Костя
11.07.2018
14:32:53
в дочернем компоненте в инпуте можно сделать @input="fun"

в функции fun() { сделать emit который передаст значения в функцию родителя }

Nikita
11.07.2018
14:33:45
так это я знаю

Nikita
11.07.2018
14:34:11
чет я поплыл, я думал у нас как , Компонент в нем инпут - но нету смыса в емите))))

Max
11.07.2018
14:34:14
в дочернем компоненте в инпуте можно сделать @input="fun"
лучше на потерю фокуса, иначе на каждый ввод будут гулять данные и эмититься события

Max
11.07.2018
14:34:50
у тебя родитель в нем ребенок с инпутом?
форма - родитель, в ней конпонент (инпут)

Nikita
11.07.2018
14:35:36
форма - родитель, в ней конпонент (инпут)
инпут у тебя компонент, а не как обычный?

Max
11.07.2018
14:35:49
можно конечно меня данные в родителе, один раз не страшно)))

Google
Max
11.07.2018
14:36:22
инпут у тебя компонент, а не как обычный?
да, компонент-инпут, которые принимает пропсы для отрисовки с данными

Nikita
11.07.2018
14:36:58
да, компонент-инпут, которые принимает пропсы для отрисовки с данными
ооо, а то я подумал у тебя прям в форме инпут, обычный инпут хтмл...и думая, как так внутри обічного инпута візівать емит то...

Alex
11.07.2018
14:38:01
Приветы всем, стоит курс лаврика по вью смотреть?

Admin
ERROR: S client not available

Марат
11.07.2018
14:39:07
@kids_man Для таких целей я использую vuex-map-fields. Очень крутая штука

Alex
11.07.2018
14:39:11
На рутрекере есть ищи по vue. Js

Nikita
11.07.2018
14:39:23
да в обычном инпуте можно вызвать эмит, если он даже в форме)))
а зачем... если нам нужно менять данные формы в котором обычный инпут - мы можем просто написать какой-то хендрел.

Daniil
11.07.2018
15:01:47
Добрый день. У меня коллега ищет курсы по Вью. Среди ру он хочет Кантора (learn js). Кто - то может подсказать/рассказать как оно там?

Pavel
11.07.2018
15:06:45
Вот хотите вы вывести цену в за товар в долларах. Для этого вам нужно получить с бекенда курс доллара. Но нет смысла ее запрашивать, если вы не будете выводить цены, по этому в какой-то момент, в интерфейсе появляется цена, и вот именно в этот момент нужно проверить, запрашивался ли уже курс доллара. Это очень примитивный пример. В реальном приложении у нас очень сложный стор, с кучей зависимостей, которые стало сложно поддерживать, по этому думаем над способом реализации депенденси инжекшин таких вот инициализаций. По сути зависимость это какой-то массив, последовательных действий, которые нужно выполнить, что бы мог быть выполнен текущий вызываемый экшин.
Делали на проекте похожую штуку, смысл был в динамическом создании модулей стора после определенной инициализации. Посмотрите в эту сторону, возможно поможет. Сейчас сраный интернет, даже дока по вьюксу не грузится, чтоб ссылку кинуть

Daniil
11.07.2018
15:07:30
Stanislav
11.07.2018
15:07:47
Да, хочет
Можно у автора курса спросить @alex_sokolov

Pavel
11.07.2018
15:08:16
https://vuex.vuejs.org/ru/guide/modules.html#динамическая-регистрация-модуnей

Kosmos
11.07.2018
15:08:58
Делали на проекте похожую штуку, смысл был в динамическом создании модулей стора после определенной инициализации. Посмотрите в эту сторону, возможно поможет. Сейчас сраный интернет, даже дока по вьюксу не грузится, чтоб ссылку кинуть
О динамической регистрации модулей знаю, но она не достаточно гибкая. Да и модели тогда прийдется дробить очень мелко. Мы пока думаем ввести акшинтайпы, который бы ли бы не просто константами а объектами, содержащими флаги инициализации.

https://vuex.vuejs.org/ru/guide/modules.html#динамическая-регистрация-модуnей
Второй аспект, это то, что динамическая регистрация не решает проблемы с необходимостью повтороной инициализации. У нас такое возникает и просто при работе приложения, и может взникать в случае к пример падения соединения, или транспортных ошибках в каких-то запросах.

Google
Kosmos
11.07.2018
15:11:59
Ок

Vasilii
11.07.2018
16:30:39
никто не пробовал дружить HubSpot и Vue?

Alexey
11.07.2018
17:45:31
Всем привет nuxt apollo



кто нибудь сталкивался с такой ошибкой?

Женя
11.07.2018
18:25:18
Есть два сайта, которые юзают одинаковые компоненты. Есть какой-то гайд, как их правильно вынести в отдельный реп?

Юрий
11.07.2018
18:30:21
шит модули?

гит

https://ifmo.su/git-submodules

Kevin
11.07.2018
18:38:34
yarn workspaces?

Женя
11.07.2018
18:39:39
шит модули?
похоже на то

а можно же просто делать import { module1, module2 } from 'my-modules' ? если moudule1 это vue-файл?

Женя
11.07.2018
18:51:29
так и сделаю наверное, спасибо

Maxim
11.07.2018
19:28:58
Парни, подскажите пожалуйста, чем пользуйтесь при старте проекта? Сами пишите или стартуете через vue-cli?

Alex
11.07.2018
19:29:46
Третий вью кли

Страница 3238 из 3900