Anonymous
а понять в чем разница очень сложно
надо именно что окунуться в мирок ангуляра по уши
Anonymous
доки реально намного беднее
Anonymous
пишу стейт менеджмент - ничего не находится
Задорный Копатыч
Мэтры vue. Есть ли смысл использовать его совместно с jquery?
Anonymous
нет причин не использовать
Задорный Копатыч
Причем основной плагин таки query, а vue накидывать на разного рода формы, в которых производится оперирование некими данными.
Anonymous
но и смысла особого нет тоже
Anonymous
начать можешь с этого
Задорный Копатыч
Хорошо, может есть у кого практики. Короче. Есть форма редактирования адресов.
По нажатию на "добавить адрес" открывается форма добавления этого самого адреса. Когда я сохраняю данные формы, надо на странице новый адрес отрендерить.
Anonymous
но ты втянешься и захрчешь полноценный спа, фронтенд сервер, vuex и все все все
Задорный Копатыч
Как наркотики? =)
Anonymous
да, у меня это имеено так и было
Anonymous
ну посылай ивент или колбек и рендери
Anonymous
в тебя модалка на вуе или страница ?
Задорный Копатыч
Форма на странице
Задорный Копатыч
Пока еще ни на чем
Anonymous
никто ж не знает какие у тебя сущности вуя где
Задорный Копатыч
Просто понял, что когда я буду добавлять адрес - мне в любом случае надо брать некий шаблон и наполнять его данными
Anonymous
ну да, в этом суть
Anonymous
чтобы был вуе инстанс у которого есть данные
Задорный Копатыч
А вообще это не извращеная практика, когда на vue работает лишь малая часть страницы?
Anonymous
которые он рисует
Anonymous
не, обычная
Anonymous
можно даже кучу вуе инстансов делать
Anonymous
можно юзать vue portals
Flexo
jquery с vue можно использовать, но это крайне не рекомендуется
Задорный Копатыч
А это. Мне же, по идее, не надо весь бандл тащить? Для простого управления данными чего достаточно?
Anonymous
просто script с vue
Задорный Копатыч
Хорошо. Посоветуйте какую-нибудь очень легкую MV надстройку на JQ. Уж очень не хочется элементы дома ворошить.
Anonymous
и там будет глобалочка
Anonymous
да не слушай его
Anonymous
вуе нарм
Anonymous
для твоих целей
Anonymous
посмотри примеры
Flexo
Че не слушай то? Я говорю что не нужно мешать мух с котлетами. На vue эта задачка очень просто решается
Anonymous
бандл это тоже наркота которая избавляет например от срача с script тегами и делает нормальный контроль версий пакетов и модули но он тут нипричем
Flexo
Прост если берешься использовать vue, jquery в тот же функционал мешать не надо
Anonymous
Flexo
О, походу Остапа понесло))
Anonymous
ну этим снобизмом ты просто отгонишь потенциального адепта вуя куда то еще
Anonymous
потому что реальных причин не юзать жквери юзая вуе просто нет, тем более в описанном случае
Anonymous
миллионы людей именно так и начинали. по кускам переписывая с жквери на вуй
Задорный Копатыч
Надо помнить, что это всего лишь инструменты, которые должны решать твою проблему.
Задорный Копатыч
Иначе ты до ruby программиста скатишься. "наш язык это философия, все остальные языки - говно"
Flexo
Какой снобизм? Причина на поверхности. vue работает с виртуальным DOM, а jquery с реальным. Если второй что-то меняет, первый никак об этом не узнает. Отсюда могут возникнуть проблемы
Задорный Копатыч
jq и не надо знать ничего.
Задорный Копатыч
через jq у меня модалка, результаты работы которой будут изменять модель vue
Задорный Копатыч
Вот только еще вопрос. Немного со вложенностями не понимаю. Как бы объяснить.
Flexo
Речь не о jq а о vue
Flexo
vue не будет знать что jq наменял
Anonymous
будет почему не будет
Anonymous
делаешь глобалкой vue instance
меняешь ей что хочешь - меняется интерфейс
Задорный Копатыч
Задорный Копатыч
Как то так форма выглядит
Anonymous
если дом напямую менять то нет да
Задорный Копатыч
С первым уровнем понятно
Задорный Копатыч
Есть некий v-for, в котором перечислены адреса
Задорный Копатыч
Как к каждому адресу в модели привязать получателя?
Anonymous
модель это обычный жсончик
Anonymous
можешь какиенибудь айдишники заюзать
Задорный Копатыч
addrs : [
{
id : 1,
name : 'Улица пушкина дом колотушкина',
recievers : [
{
id : 5,
name : 'Васька пупкин'
}
]
}
]
Anonymous
тупо список обьектов короче
Задорный Копатыч
Оно?
Anonymous
ну смотри короче
ты в экшоны редактировать или изменить передаешь текущий адрес по которому итерируешься а внутри экшона уже получаешь из куска модели что хочешь
Задорный Копатыч
А v-for можно вкладывать в v-for?
Anonymous
вроде да
Задорный Копатыч
щас html-ку скидаю, скажи, если что может пойти не так.
Я вот об вложенности и немного застопорился. Не очень понял как с ними работать.
Anonymous
ну тебе потом надо будет разбить на компоненты и осознать что пропсы у компонентов ридонли...
Anonymous
я почти сплю
Задорный Копатыч
<div id="app">
<div class="addr" v-for="addr in addrs">
{{addr.name}}
<div class="rec" v-for="rec in addr.recievers">
{{rec.name}}
</div>
</div>
</div>
Задорный Копатыч
Нечто такое валидно?
Flexo
вполне
Anonymous
вполне
Anonymous
хех
Задорный Копатыч
Чтоб я без вас делал :3
Flexo
Только еще :key укажи. Туда id засунь
Задорный Копатыч
А это. Суть в том, что id пока нет. Пользователь ведь добавляет новые адреса. Присвоить некие виртуальные, по счетчику?
Anonymous
в on click можешь передать addr и rec и все будет по красоте
Flexo
Бекенд тебе не возвращает id вновь добавленного адреса?
Задорный Копатыч
до момента полного сохранения формы, адреса не отправляются в бекенд