Александр
"babel-preset-es2015": "^6.24.1",
"babel-preset-stage-2": "^6.24.1"
Victor
#whois
▫️online-rpg игра. Пока что в активной разработке. Фронт на Vue2, backend - TS+GraphQL
▫️11 лет PHP, сейчас перекатываюсь на ноду+фронт
▫️Уже пилю реальный проект на Vue, так что могу подсказать, как оно "за пределами Hello World"
▫️Интересно почитать, кто и как применяет Vue. Интересные задачи и кейсы
▫️Харьков
▫️Нагуглил
Victor
Это типа если что я пытаюсь соблюдать традиции :)
paulwinex
❓ такой #вопрос общеархитектурный.
надо решить щас побыстрому чтобы работало, потом всё равно ктото будет переделывать\доделывать более "умно".
*Задача: *
- есть внешний сервер готовый к подключению по webSocket
- есть простое vue приложение (без плугинов типа vuex)
- есть sessionID в куках чтобы кннектиться после простого логина по http
*Вопрос:*
Как лучше внутри приложения организовать объект вебсокета?
куда его положить в data или какоето кастомное свойство\атрибут? Как это бычно делается? Создавать его при инициализации приложения или сначала как null и потом вызвать функцию чтобы создался объект и присвоился в нужное свойство?
Повторю, надо щас простое быстрое решение просто для тестов.
Спасибо!
paulwinex
https://gist.github.com/paulwinex/a67cad63f7f31e146ce17ac80b0c6dfc
вот на такую штуку меня хватило)
Anonymous
@paulwinex норм так - пойду обмажусь)
paulwinex
Victor
https://github.com/icebob/vue-websocket
Victor
доступен как плагин, глобально
Anonymous
Ребзя привет! Помогите мне новичку со Vue и Nuxt js пожалуйста.
Проблема с HttpOnly. Загвоздка в том, что от сервера приходит токен в Set Cookie и в последующих запросах он не передается.
Кто сталкивался и как решил эту проблему? Думаю надо копать в настройках Nuxt js.Гуглил, но ничего толкового не нашел.
Evgeniy
Скажите, будет ли что то, кроме божей кары разумеется я страшное, если в дочерний прууп передавать объект и за счёт этого без эмитов менять состояние родителя?
Victor
Почему бы просто .sync не использовать?
Victor
https://vuejs.org/v2/guide/components.html#sync-Modifier
Evgeniy
Evgeniy
но если мне в целом удобно передать объект и менять его свойства в дочернем компоненте, не парясь про синк, это -норм?
Anonymous
Anonymous
Потом говна поешь
Evgeniy
ну т.е. чисто религиозные причины по-факту? 😃
Aleksey
Привет всем. Подскажите, пожалуйста, как правильно реализуется такая задача. У меня есть лендинг с несколькими подстраницами. На всех страницах почти что одинаковые формы отправки данных. Как мне отправлять с них данные без размножения одинакого кода в компонентах? Так сказать один обработчик на все компоненты. Раньше на jquery просто вешал на все формы класс и на него событие сабмита и через ajax швырял данные, а сейчас в компонентах ограниченная видимость. Спасибо
CherryTea
Нутыпонел
CherryTea
И часы в дабегаре, и кофе кофе
Николаич
Evgeniy
спасибо всем, задумаюсь над вашими словами
CherryTea
CherryTea
Незабудь только статику отрендерить, боты увидят твой лендос в рантайме и офигеют
Aleksey
Лендос на вуе? Прикольно. Миксин пиши
В принципе я так и сделал, а парсить с формы данные через ванильный js querySelector или как то создавать в каждом компоненте data и туда привязывать поля?
CherryTea
Евгений
Ты имеешь ввиду, собрать в статические html?
Евгений
Незабудь только статику отрендерить, боты увидят твой лендос в рантайме и офигеют
CherryTea
Вобщем в пва используют подход с реактивным состоянием данных в дате вместо селекторов
CherryTea
Евгений
Спасибо)
CherryTea
CherryTea
Это одна из основных идей компонентного подхода
CherryTea
CherryTea
На самом деле даже не один
Aleksey
А из этих слотов можно будет инпуты привязывать по v-modal к data компонента формы?
CherryTea
Мм, это интересный вопрос, с вуе так не пробовал, но в аврелии я так делал. Надо попробовать. Если не получится то в этом случае обычно начинают рекомендовать редакс, но блин, этож лендос
Victor
Да, в этом же и суть слотов, что по факту ты внутрь компонента инжектишь внешние контролы. У содержимого слота область видимости родительского компонента
CherryTea
Ну вот и супер, все как у людей
Victor
Отсюда же проистекает и такой нюанс: код в слоте ничего не знает про пропсы и дату компонента
Victor
Это тоже нужно учитывать
Aleksey
Буду пробовать, спасибо 👌
Эльвира
Aleksey
Aleksey
Victor
Да, phone должен быть в data левого компонента/страницы
Aleksey
А как мне его тогда считать в методе submit в компоненте формы?
Aleksey
Aleksey
Я так понимаю, что эти данные можно в компонент формы прокинуть через пропсы, но опять же это не решает проблемы, что придется плодить data на все компоненты с формой((
Aleksey
Есть такое решение https://github.com/10quality/vue-form/blob/v2.0/src/vue.form.js
Andrew
Ребята, вопрос. У меня есть компьютед велью. Мне нужно чтобы она менялась от других свойств, которые определены в дата. Когда меняю их, компьютед не вычисляется. Как это делать во вью?
Denys
watch?
Andrew
окей, то есть мне вручную компьютед заставлять вычисляться надо?
Victor
не, что-то не то
если что-то в data меняется, то все computed, которые от него зависят, пересчитываются
Victor
у меня с этим проблем не было
Victor
запили gist, посмотрим
Andrew
хм, написал фиддл и все ок. в реальном примере я меняю их в событии онклик и через app.is_filtered = true; где app это Vue({})
Andrew
Оно так работает или по-другому надо задавать? Если
Andrew
ох блин, в фиддле так тоже работает
Andrew
Спасибо короче)
Andrew
буду дальше разбираться
sanqa
подскажите легкий и красивый ui либу)
Алексей
sanqa
типо element
Алексей
https://developer.mozilla.org/ru/docs/Web/API
Алексей
это я для себя
Anonymous