реакт сложнее для новичка чем вью

А как работать с апи вк?

Ребята, объясните начинающему :) Делаю простые CRUD на Vue для сущности Order. Вот захожу я на страницу, где вижу все Order. При этом у меня идет запрос на сервер через Axios, которые забирает все заказы. Дальше жму, допустим, Edit. У меня должна открыться страница редактирования Order. При этом я должен опять запросить Order по ID с сервера. Но это не верно. Как организовать все, чтобы просто подтянуть Order из тех, что я уже запросил ранее?

Привет всем кстати)

здарова, есть чо по переходам?

есть плавные, есть с отдельными анимациями, чо интересует?

Выкачать файл

что бы огонь из монитора

может ты мне подскажешь как с модалкой быть?

что бы например как в реакте добавил модал на главный компонент и взаисимости от пропсов он выбирает компонент который отобразить в теле модалки

не хочу дублировать <modal>здесь слоты</modal>

ну к примеру у меня компонент страницы

мы делаем что-то подобное: в компоненте модалки, в ее шаблоне делаем что-то типа <div class="modal"> <component is="usedComponent"></component> </div> в пропсах прописываем usedComponent а при вызове внужном месте <modal used-component="table"></modal> <modal used-component="product"></modal>

Я использую компонент модалки, которая подписывается на событие открытия модалки, а в событии - контент. По событию открывается. Другие компоненты или даже внешний код может просто диспатчить это событие, модалка его увидит и откроется. Но это я в ванилле так делаю.

здравствуйте! Сам новичек в vue js, есть пару вопросов, надеюсь мне здесь ответят)) как передать с одного компонента значение в другой компонет в value input?

но такое делать надо осторожно, ибо если ты в тех самых модалках выводишь принципиально разный контент (таблица с выгрузками в маркет, а в другом месте - карточка товара), то ты будешь вынужден неявно поддерживать передачу данных в эти компоненты через модалку. каков шанс что у тебя что-то сломается после изменеиея какого-то компонента?

кстати а что насчет скоупа модалки. Если мы забрасываем компонент через слот то мы вынуждены писать логику модалки в логике компонента который ее открывает. А в случае если мы забрасываем компонент, то логика переносится в модалку

То есть захожу я допустим на index компонент и смотрю все заказы (первые 50, например) и при первом входе делаю коммит в Vuex (с запросом на сервер). А как с пагинацией, например? Когда перехожу на следующую страницу, опять вызываю мутацию, которая добавит новые Order в Vuex?

кстати а что насчет скоупа модалки. Если мы забрасываем компонент через слот то мы вынуждены писать логику модалки в логике компонента который ее открывает. А в случае если мы забрасываем компонент, то логика переносится в модалку

нет. у нас есть тупые скелетон компоненты, которые умеют тупо открыться закрыться по командам снаружи и имеют функциональню верстку. и тонну слотов для содержимого и переключателей

плюс есть вопрос очивидности подхода. <modal used-component="table" source-data="wtf" /> <modal> <table source-data="wtf" /> </modal> второй вариант предпочтительней, потому что у тебя эти штуки используются явно. и ты явно указываешь каждому компоненту, что ты от него хочешь. и возможности каждого компонента где-то описаны. т.е. ты хочешь что-то обавить - лезешь в его описание, читаешь, и точечно меняешь. при первом варианте - тебе надо будет еще вобразить, что из этой кучи навешанных пропсов относится к модал, а что - к дочернему компоненту. а теперь представь, что у модалки и у таблицы есть какой-то пропс типа "on-submit". в первом случае тебе нао в модалке как-то протелепатить, к кому этот конкретный пропс относится и что вообще дальше делать

Пагинацию можно по разному организовать. Можно получить все заказы, а показывать только определенный срез из всего массива (делается через computed) Можно грузить с сервера каждый раз, при переходе по страницам пагинации

Это понял. Но как будет наиболее оптимально? Зависит видимо от количества этих заказов... Если их там не более 3000, думаю, то можно и все сразу. А если больше, то постепенно..

Ну да :)

А что-то готовое под такие нужды есть во Vue?

Ну все таки как же лучше, писать стандартом через слоты? или придуманными способами?

лучше через слоты

Через слоты

или разбиваете?