Как интегрировать VUE с пользовательской маршрутизацией в существующий обычный веб-сайт? - PullRequest
1 голос
/ 08 июля 2019

Я хотел бы интегрировать VUE в существующий веб-проект.Подробно я хочу использовать vue для интеграции данных с www.autoscout24.de в веб-сайт, который в основном использует Modx-cms, что означает, что маршрутизация обычно происходит внутри Modx.С помощью vue я хочу реализовать форму поиска, которую я могу интегрировать в любое место на существующем веб-сайте.Результаты должны отображаться в чем-то вроде domain.tld / cars, а один автомобиль должен отображаться в чем-то вроде domain.tld / cars / cardetails # 8574746

Что касается маршрутизации, я думаю, / cars и / cars / cardetailsбудут обычными сайтами cms (vue только показывает данные), но Hashtag-маршрутизация для cardetails будет обрабатываться vue, верно?

Как приложение (я должен называть это тремя разными приложениями?) не будетбыть SAP, как я могу передавать данные между формой поиска, / cars и / cars / cardetails # xyz?Можно ли использовать локальное хранилище?

Это правильный подход.Может быть, мой подход даже совершенно неверен, так как я новичок в vue?

Некоторые дополнительные сведения, касающиеся приложения: поисковая форма будет реагировать на каждый ввод пользователя с помощью запроса к графу QL-Api, чтобы показатьПользователь в прямом эфире, сколько результатов он получит.Над формой будет тизер с 10 случайными автомобилями.После отправки формы пользователь направляется в / cars, где он получает свой список результатов (фотографии автомобилей + небольшая информация).Над списком я хочу показать фильтры, чтобы пользователь мог настроить список результатов.Когда пользователь нажимает на автомобиль, он будет перенаправлен на / cars / cardetails # xyz, где xyz - это идентификатор автомобиля, чтобы получить cardetails из API через js / graphql.

С уважением

Вот несколько экранов, чтобы проиллюстрировать это.Части, которые должны быть выполнены с помощью vue, отмечены красным.

enter image description here

...