@vuejs_ru

Страница 3052 из 3900
Vladimir
10.06.2018
07:42:18
Но он платный

можно 30 минут тестить на халяву на одной учетке

Google
Сергей
10.06.2018
07:44:39
спасибо попробую

Emp
10.06.2018
08:30:09
Кто как работает с формами + vuex?



В сторе лежит объект с ~20 свойствами. Писать на каждое гет и сет не слишком?

Анатолий
10.06.2018
08:32:07
Но он платный
Они с ценником вообще обнаглели

Vladimir
10.06.2018
08:36:00
Они с ценником вообще обнаглели
Ну да, не дешево. Чтобы поймать одну багу на айфоне так особенно. Но как сервис - норм все таки.

Они с ценником вообще обнаглели
ну 12.5$ план для фрилансеров не кажется такой ж большой суммой, если ты регулярно тестишь + для опенсорса так вообще бесплатно)

Vladimir
10.06.2018
08:45:55
ну так и ты не за бесплатно работаешь. Включай это в прайс клиенту. Если клиенту не надо, ну не используй)

Alex
10.06.2018
09:28:15
В сторе лежит объект с ~20 свойствами. Писать на каждое гет и сет не слишком?
Не использовать вьюкс, пилить на каждое свойство, пилить универсальную мутацию. Выбирайте

Eugeniy
10.06.2018
09:32:14
Привет! Подскажите пожалуйста, как правильно реализовать запрос и вывод? Есть таблица с комментами, на странице нужно их получить и вывести,если есть... Позже уже добавлю возможность отправки нового и вывода... Логика через vuex... через апи беру айдишнки карточки и юзера, в таблице 3 штуки, но вижу только один...

Google
Евгений
10.06.2018
10:57:33
Привет. Кто нибудь работал с SockJs?

Хочу использовать вебсокеты в каждом их компонентов, думал сделать обертку в виде плагина для Vue, но столкнулся с проблемой.. как обрабатывать onopen, onmessage и т.д..

Artemy
10.06.2018
11:05:33
Хочу использовать вебсокеты в каждом их компонентов, думал сделать обертку в виде плагина для Vue, но столкнулся с проблемой.. как обрабатывать onopen, onmessage и т.д..
зачем в каждом компоненте? у меня есть на каждое апи плагин при message диспатчим сообщение в стор, при подписывании на мутации шлем в апи, я юзаю socket.io

Евгений
10.06.2018
11:11:06
зачем в каждом компоненте? у меня есть на каждое апи плагин при message диспатчим сообщение в стор, при подписывании на мутации шлем в апи, я юзаю socket.io
А можно примерный алгоритм. Просто возникла ситуация следующая. Использую vue-router для навигации. Есть компоненты "Стартовая страница" и "Чат". На стартовой странице я подключаюсь к серверу. Затем два варианта, либо перехожу на компонент "Чат" с помощью this.$router.push('/chat') и тогда надо отправить на сервер send('join') или есть второй вариант.. когда я сразу перехожу по url http://мой-сайт/chat. Тогда сразу вызывается компонент "Чат" и вот тут мне надо отправить send('join'). Но проблемка в том, что в это время еще не установлено соединение с сервером.. То есть заюзать send('join') в хуке created() вызовет ошибку. Вот и вопрос.. как бы так назначить глобальный onopen.. такой что бы потом можно было юзать send и быть увереным что коннект к серверу уже установлен?

Andy
10.06.2018
11:15:47
А можно примерный алгоритм. Просто возникла ситуация следующая. Использую vue-router для навигации. Есть компоненты "Стартовая страница" и "Чат". На стартовой странице я подключаюсь к серверу. Затем два варианта, либо перехожу на компонент "Чат" с помощью this.$router.push('/chat') и тогда надо отправить на сервер send('join') или есть второй вариант.. когда я сразу перехожу по url http://мой-сайт/chat. Тогда сразу вызывается компонент "Чат" и вот тут мне надо отправить send('join'). Но проблемка в том, что в это время еще не установлено соединение с сервером.. То есть заюзать send('join') в хуке created() вызовет ошибку. Вот и вопрос.. как бы так назначить глобальный onopen.. такой что бы потом можно было юзать send и быть увереным что коннект к серверу уже установлен?
А чего не вынести вот это подключение к стору во Vuex, а подключение устанавливать вызывая экшн в каком-то корневом компоненте типа App.vue? Тогда во всех остальных компонентах (дочерних) вы бы могли смотреть и пользоваться одним и тем же инстансом socket.io в сторе

Artemy
10.06.2018
11:18:12
да сам коннект это плагин vuex, его задача держать соединение, не вижу смысла дергать коннект при открытии закрытии вьюхи чата

вход выход из комнаты это просто сообщения, а связь есть всегда, и не надо привязывать ее к onmount onrender

Евгений
10.06.2018
11:20:18
То есть мы делаем коннект один раз в сторе? А потом в компонентах, перед отправкой сообщения проверяем, установлено соединение или нет? И если да то шлем? А если не установлено... ?

Andy
10.06.2018
11:22:05
Ну если не установленно, можно вызвать экшн типа socketReconnect, который вы напишете и он будет делать повторное подключение Впрочем у vue-socket.io для этого вроде есть какие-то методы, не?

Artemy
10.06.2018
11:22:13
при коннекте ошибках и прочем, плагин информирует vuex о своем состоянии, т.е. в чате видно будет реально ли ты в комнате

в socket.io есть параметр пробовать ли переподключаться и кол во попыток, и пауза между попытками

короче сокет сам по идее должен реконнектиться, это не задача по идее приложения, но наверно да есть метод вручную сделать реконнект

компонент по идее вообще не должен ничего знать о коннекте, он смотрит геттерами статус что онлайн, и маппит экшены по отправке сообщений в vuex, и вот тут плагин видит что надо заслать в сокет сообщение

Nikita
10.06.2018
11:32:12
Доброго времени суток ! Есть вопрос по жизненному циклу vue. В beforeCreate у меня исполняется функция на промисах(синхронно) и содержит пару запросов на получение дланных с API. Но есть проблема, до окончания beforeCreate и окончания исполнения моей функции, зупускается слудующий этам - created. Как имправить проблему?

Евгений
10.06.2018
11:32:20
Ну если не установленно, можно вызвать экшн типа socketReconnect, который вы напишете и он будет делать повторное подключение Впрочем у vue-socket.io для этого вроде есть какие-то методы, не?
вот как раз что-то похожее на vue-socket.io и пытался реализовать. То есть в виде плагина. Но не socket.io а sockjs в качетсве базовой либы. В общем в плагине устанавливал подключение к серверу и затем в Vue.mixin({}) проверял если ли свойство socket в компоненте, если есть то получал список функций и назначал onopen, onmessage и т.д. В main.js делал Vue.use(my_plugin_websocket, "connection_uli"); Но при таком подходе нет возможности отправки в компонентах сообщений серверу в хуках created или mounted.. потому как они вызываются раньше, чем связывался мой onopen в компоненте App.vue... Попробую через стор делать и создать глобальные методы connect() и send() в которых буду смотреть установлено ли подключение к серверу.. и в случае чего вызывать новое подключение или же оправку данных. При переходе из комнаты в комнату понятно что нет смысла заново устанавливать подключение, но проблема у меня в том, что в любой компонент можно попасть по прямой ссылке, а это значит что на момент когда компонент загрузился, подключение уже должно быть установлено на этом этапе.. Что бы была возможность отправлять сообщения при входе в комнаты(разделы сайта)

Nikita
10.06.2018
11:39:57
Асинхрон?
да асинхронно у меня по умолчанию. Получается что конец моей функции происходит после состояния mount

хотя должно происходить в момент когда заканчивается тот же родительский created

Google
Nikita
10.06.2018
11:43:02
А где тут проблема?
проблема в том, что когда мои данные приходят от сервера во фронт, у меня уже страница отрисована.

Это не очень хорошо.

И второй вопрос, vue поддерживает с webpack3 синтаксис asinc/await?

Stanislav
10.06.2018
11:43:42
Это не очень хорошо.
Хочешь сделать запрос синхронно и подвесить браузер пользователя?

Nikita
10.06.2018
11:45:08
Хочешь сделать запрос синхронно и подвесить браузер пользователя?
это приходится делать. Проверка пользователя на авторизацию.

И ясное дело что должно это происходить когда белая страница при перезагрузке страницы. А не тогда когда у него уже весь интерфейс с нулевыми данные отрисован

Stanislav
10.06.2018
11:46:18
это приходится делать. Проверка пользователя на авторизацию.
Да ну, брось. Что мешает показывать контент после того, как запрос завершен?

Nikita
10.06.2018
11:47:07
Да ну, брось. Что мешает показывать контент после того, как запрос завершен?
вот видимо что-то написано не так что контент показывается раньше чем запрос завершен. Я и говорю об этой проблеме, расписал же

Nikita
10.06.2018
11:48:28
Крути прелоадер пока запрос не выполнится. В чем проблема?
дело не в прелоадере. А в том что моя функция из created еще не успевает завершиться, что дальше исполняется beforeMount и Mount

Stanislav
10.06.2018
11:49:57
дело не в прелоадере. А в том что моя функция из created еще не успевает завершиться, что дальше исполняется beforeMount и Mount
Она и не должна. Вью вызывает хуки по мере инициализации компонента. Ему пофиг чё внутри.

Сергей
10.06.2018
11:50:37
привет, есть возможность опеределить параметр в тегах компонента, допустим <comp url="some adr"></comp> а потом использовать либо в коде этого компонента либо в коде модуля где он подключен?

Nikita
10.06.2018
11:53:37
Она и не должна. Вью вызывает хуки по мере инициализации компонента. Ему пофиг чё внутри.
теперь понятно. Как обычно справляются с такой нелинейностью? по крайней мере в моем случае?

Sunlive
10.06.2018
11:54:23
пацантре, такой вопрос, есть разница как рест апи делать? суть вопроса, делать get/post/patch/delete/etc или просто через /get с параметрами? или без разницы?

Nikita
10.06.2018
11:56:39
пацантре, такой вопрос, есть разница как рест апи делать? суть вопроса, делать get/post/patch/delete/etc или просто через /get с параметрами? или без разницы?
get имеет только query параметры в свою очередь post запрос имеет слать файлы, json и прочее барахло в form_data. Этими двумя запросами спокойно можно реализовать все самое необходимое и порой экзотическое

Google
Stanislav
10.06.2018
11:57:10
теперь понятно. Как обычно справляются с такой нелинейностью? по крайней мере в моем случае?
При резолве запроса записать данные в data. Далее Vue сам все отрисует. Или вызвать нужный колбэк у роутера. Долго объяснять. Почитай документацию, погугли статьи.

Nikita
10.06.2018
11:58:23
При резолве запроса записать данные в data. Далее Vue сам все отрисует. Или вызвать нужный колбэк у роутера. Долго объяснять. Почитай документацию, погугли статьи.
к сожалению документация дальше обьяснения жизненного цикла не особо выходит. Думаю все самое прекрасное таится в примерах

Stanislav
10.06.2018
11:59:30
к сожалению документация дальше обьяснения жизненного цикла не особо выходит. Думаю все самое прекрасное таится в примерах
Тогда добро пожаловать в интернет. В репозитории роутера вроде был пример с авторизацией

Admin
ERROR: S client not available

Sunlive
10.06.2018
12:01:45
рест - это набор соглашений. Если сделать как-то не так, то это уже не рест :)
я чет глянул, графкл много че делает только через гет, призадумался

Nikita
10.06.2018
12:04:27
я чет глянул, графкл много че делает только через гет, призадумался
graphql это инструмент реализации. Так же ты можешь rest api построить на lavarel, symfony, nodejs, zend framevork, October CMS, Scala и прочие ...

Sunlive
10.06.2018
12:05:19
?

Nikita
10.06.2018
12:06:40
а теперь вопрос к знаотокам vuetify. Ребята, а как в main.jsплагинов от vuetify, а не весь пакет?

Sunlive
10.06.2018
12:07:25
там в доках прям есть

a-la-carte

"plugins": [ ["transform-imports", { "vuetify": { "transform": "vuetify/es5/components/${member}", "preventFullImport": true } }]

соотв эти плагины для бабеля

Vue.use(Vuetify, { COMPONENT_NAME });

с темой так же

"babel-plugin-transform-imports": "^1.4.1", вроде это он

Sunlive
10.06.2018
12:15:13
ну а разница? главное что бы микросервис задачи решал поставленные

Google
Sunlive
10.06.2018
12:15:23
Нет разницы. Почти. get кешируется.
ну да, я это тож заценил

Andrey
10.06.2018
12:15:26
А всё остальное нет.

Nikita
10.06.2018
12:16:41
там в доках прям есть
А я могу установить просто пакет и прописать вот такой импорт без шаманств с плагинами и webpack? import {Vuetify, VApp, VDatePicker} from 'vuetify' import 'vuetify/dist/vuetify.min.css'

Sunlive
10.06.2018
12:17:27
я как то так пробовал, во втором кли правда, оно без превента в бабеле, сразу всю либу подтянет, но попробуй, хз, мб чето изменилось

Nikita
10.06.2018
12:19:00
я как то так пробовал, во втором кли правда, оно без превента в бабеле, сразу всю либу подтянет, но попробуй, хз, мб чето изменилось
мне на размер пока плевать, нужно что бы инициализировался только один плагин, а остальные были изолированы. Так как у меня уже стоит bootstrap-vue

Sunlive
10.06.2018
12:19:35
там ток 1 цсс файл что ты импортнуЛ, может тебе все заруинить сходу

Zikoi5
10.06.2018
12:32:35
Как скопировать переменный с родителя на локальный чтобы удаление элемента не повлияла на родителский

пробовал передать через props, даже $parent.imagesArr

удаляю элемент из массива через .splice(index,1)

никто не знает в чем проблема?

Sunlive
10.06.2018
12:40:00
ты ж понимаешь что оно по ссылке передается обыным присваиванием и пропсом?

Zikoi5
10.06.2018
12:41:11
почему не создается отдельный локальный

Sunlive
10.06.2018
12:41:25
Zikoi5
10.06.2018
12:41:48
причем тут учил или нет.

вот вопрос

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