如何将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路由将由vue处理，对吧？

由于该应用程序（我应该称其为三个不同的应用程序？）将不是SAP，我如何在搜索表单/ cars和/ cars / cardetails＃xyz之间传递数据？本地存储是否可行？

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

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

亲切的问候

以下是一些屏幕说明。用vue应该实现的部分标记为红色。