Всем привет!
вопрос к тем, кто уже опытен с Vue.
хотел бы своить этот фреймворк, не подскажите какой-нибудь хорошей дельной обучалки? с чего лучше начать?
https://www.freetutorials.us/vue-js-2-from-beginner-to-professional-includes-vuex-1/
Zuxriddin
Ed
@leshgan @K_Z_M благодарю)
yakimka
Парни, нужен ваш совет. С vuejs знаком слабо, вот подвернулась возможность познакомиться ближе.
Нужно сделать страницу выбора мест при покупке билетов, как в кинотеатре.
На бэкенде - Laravel (php)
Я так понимаю что мне нужно создать свой vue компонент.
Причем я так понимаю нужно создать три - компонент Зал, который будет включать компонент ряд, который в свою очередь будет включать компонент место. Я правильно понимаю (смотрел по аналогии select'a из element-ui - он состоит из компонента select, который включает компонент option)?
yakimka
Anton
#whois
Соблюдая традицию канала, представлюсь:
- работаю в компании FunCorp (fun.co). Наиболее известный проект - ifunny.co.
- опытный фронтенд-разработчик, тим-лид с нуля построивший текущую команду
- люблю Vue.js, хорошую верстку и простые решения
- живу и работаю в Пензе
Anton
@yakimka можно и в одном компоненте все делать - это как вам удобнее будет. Для начала я бы просто сделал верстку всего этого дела. А по верх уже бы логику на Vue положил. У вас данные откуда будут?
yakimka
yakimka
сетка, рассадка, количество мест могут и будут меняться
yakimka
@yakimka можно и в одном компоненте все делать - это как вам удобнее будет. Для начала я бы просто сделал верстку всего этого дела. А по верх уже бы логику на Vue положил. У вас данные откуда будут?
верстку в смысле накидать прям в php, а когда все заработает перенести в vue компонент?
Роман
Привет! Я Рома, работаю в Одине (ingramMicro), делаю сложные интерфейсы, фулстек.
Я ненастоящий vueшник, но присматриваюсь
Anton
@yakimka верстку (html\css) делайте где удобнее :)
Затем или поверх всего этого проинициализируете Vue-компонент или вынесите верстку внурь Vue-компонента. Самое сложное будет по конфигу из API отрисовать. Как это будет на уровне компонент - неважно. Если конфигурация адекватная - проблем не возникнет.
Вы главное, уже пробуйте что-то делать. Архитектура сама высплывет, когда нужно будет :)
yakimka
@yakimka верстку (html\css) делайте где удобнее :)
Затем или поверх всего этого проинициализируете Vue-компонент или вынесите верстку внурь Vue-компонента. Самое сложное будет по конфигу из API отрисовать. Как это будет на уровне компонент - неважно. Если конфигурация адекватная - проблем не возникнет.
Вы главное, уже пробуйте что-то делать. Архитектура сама высплывет, когда нужно будет :)
понял, спасибо, я уже начал пробовать, просто решил уточнить у специалистов, вдруг то что я начал в корне неправильно)
Astr0junk
@Serj ИМХО вижу два компонента - зал и место
Alexey
у места два проперти: ряд и номер
Astr0junk
ну у вас приедет объект в стиле ряды-места
yakimka
у места тогда будет два идентификатора - x и y, в принципе так даже проще наверно, подумаю, спасибо
Astr0junk
вот именно
Astr0junk
вы их и так передадите в пропсах месту и все
yakimka
да, звучит хорошо, уже не зря сюда написал) Спасибо)
Astr0junk
а в шаблоне зала два итератора рядов и мест
Anton
А как же вы решите таким образом проблему первого ряда в центральном зале? Он расположен не по сетке
Astr0junk
воот
Astr0junk
надо в объекте передавать ПУСТОЕ МЕСТО
Astr0junk
как то так
Anton
Нет
Astr0junk
либо доп проперти у зала - конфигурация
Astr0junk
ну ок
Astr0junk
допустим будет ряд
Astr0junk
что в нем хранить?
Anton
Вот тут не по сетке - http://take.ms/8PEij
Anton
так бы да, пустое место спасло :)
Astr0junk
это опять таки не более чем у места марджин слева
Alexey
Причем тут сетка? У каждого места в зале есть идентификатор. Надо его и юзать
yakimka
просто в первом ряду меньше мест
Anton
Так ведь конфиг полностью настраиваемый?
Alexey
и что
Astr0junk
типа того
Astr0junk
есть просто сложные конфигурации
Astr0junk
типа первый ряд слева и справа
Astr0junk
по центру нет
Astr0junk
к примеру
Astr0junk
или вход в зал не сбоку а по центру
Anton
Это уже от деталей зависит, имхо
Astr0junk
потому я бы СПЕЙСы передавал
Astr0junk
типа ширина пробела 4 места
Alexey
Astr0junk
значит 4 позиции спейсед
yakimka
апи отдает место для прохода как пустые места
Astr0junk
ну вот
Astr0junk
вот и ответ
yakimka
поэтому я пожалуй их так и буду представлять
Astr0junk
@yakimka рамблера проект?)
Anton
А как ваш API думает эти смещение относительно центра отдавать?
Astr0junk
а
Astr0junk
@veretennikov ?
Astr0junk
нафиг например?
Anton
На картинке первый ряд в центральном блоке смещен, по сути отцентрирован относительно него. Левый и правый - нет.
Astr0junk
вот
Anton
Поэтому тут налицо вопрос, как это будет отадаваться со стороны API и будет ли вообще
Astr0junk
для этого можно hall_settings хранить
yakimka
На картинке первый ряд в центральном блоке смещен, по сути отцентрирован относительно него. Левый и правый - нет.
это схематическая картинка, думаю там вообще смещений не будет
Anton
Ну, так выясняйте)
Astr0junk
только начали обсуждать - уже менеджеры подъехали)))
yakimka
потому что api говорит что в первом ряду просто на 4 места меньше
Anton
Если задача прсото по местам отрисовать, тогда тут хоть через один компонент все делать можно :)
Astr0junk
можно
Astr0junk
вопрос размера шаблона и композиции
Michael
Парни, нужен ваш совет. С vuejs знаком слабо, вот подвернулась возможность познакомиться ближе.
Нужно сделать страницу выбора мест при покупке билетов, как в кинотеатре.
На бэкенде - Laravel (php)
Я так понимаю что мне нужно создать свой vue компонент.
Причем я так понимаю нужно создать три - компонент Зал, который будет включать компонент ряд, который в свою очередь будет включать компонент место. Я правильно понимаю (смотрел по аналогии select'a из element-ui - он состоит из компонента select, который включает компонент option)?
я бы сделал компонент зал, компоненты залБлокЦентр зал БлокСбоку и Место с префиксом Зал
Вадим
Всем привет работаю в Брянсксофт
изучаю vue для внедрения в проекты
про группу узнал из конфы HolyJS
Николай
Философский вопрос: для чего во Vue нужна регистрация компонента? Вот этот Vue.component("component-name", {}) для чего оно? Коцептуально, комопненты Vue не особо отличаются от компонентов React, но в последнем нет понятия "зарегестрировать компонент"
Anton
Таким образом регистрируется глобальный компонент
Eugen Su
Не подумай, что хамлю, но в доке очень хорошо написано про компоненты
Eugen Su
https://ru.vuejs.org/v2/guide/components.html
Николай
Я как раз и читаю доки. Там написано, что у меня, как у пользователя Vue есть возможность "зерегестрировать" компонент. Но там не написано, зачем вообще нужен этот механим регистрации, почему без него нельзя? Какую он проблему решает?
Как я написал выше, компоненты vue, концепутально, очень похожи на компоненты реакта, но там ведь никому не понадобилось "регистрировать" свои компоненты, что бы появилась возможность использовать их
Oleksandr
Ты же реакте так же пишешь - импорт что то
Oleksandr
И юзаеш