vue.js - 如何将 vue 与自定义路由集成到现有的常规网站中？

Question

我想将 vue 集成到现有的 web 项目中。具体我想用vue把www.autoscout24.de的数据整合到一个网站，基本上都是用Modx-cms，也就是说路由一般都是在Modx里面。使用 vue，我想实现一个搜索表单，我可以将其集成到现有网站的任何位置。结果应该显示在类似 domain.tld/cars 的地方，而一辆汽车应该显示在类似 domain.tld/cars/cardetails#8574746 的地方

因此，关于路由，我猜 /cars 和 /cars/cardetails 将是 cms 的常规站点（vue 仅显示数据），但 cardetails 的 Hashtag-routing 将由 vue 处理，对吗？

作为应用程序（我应该将其称为三个不同的应用程序吗？）将不是 SAP 我如何在搜索表单 /cars 和 /cars/cardetails#xyz 之间传递数据？本地存储是要走的路吗？

这是正确的方法吗。也许我的方法甚至完全错误，因为我是 vue 新手？

有关该应用程序的更多详细信息：搜索表单将对每个用户输入做出反应，并向 Graph QL-Api 发出请求，以便向用户实时显示他将获得多少结果。在表格上方会有一个包含大约 10 辆随机汽车的预告片。提交表单后，用户将被定向到 /cars，在那里他会收到他的结果列表（汽车照片 + 一些快速信息）。在列表上方我想显示过滤器，以便用户可以调整结果列表。当用户点击汽车时，他将被定向到 /cars/cardetails#xyz，其中 xyz 是汽车的 id，以便通过 js/graphql 从 api 获取 cardetails。

亲切的问候

这里有一些屏幕来说明它。应该用vue实现的部分标为红色。

标签： vue.jsvuejs2vuexvue-router