我们在用stenciljs制作web组件时,如何处理其他框架的路由?

When we make web componenents in stenciljs, how to handle routing for other frameworks?

我已经使用 StencilJs 制作了一个 Web 组件面包屑,我会在反应中使用这个 Web 组件,Angular 和 Vue.But 当涉及路由时,我是否也应该在我的组件中配置路由?我可以看到路由的实现在不同的框架和库中是不同的。

我已经为我的组件输入添加了路径,它们可以在其中传递 URL 以及使用数组的面包屑名称

breadcrumbvalues = [{ name: 'breadcrumb1',path:"/" }, { name: 'breadcrumb2' ,path:"/"},{ name: 'breadcrumb3',path :"/" },{ 名称: 'breadcrumb4',路径:"/" },{ 名称: 'breadcrumb5',路径:"/" }];

组件本身不应该关心路由,因为它们只是用于构建应用程序的部分。 (例外是围绕路由功能设计的组件。)路由是一个应用程序级别的问题,因此应选择路由解决方案以与应用程序框架和应用程序设计兼容。最自然的选择是 - angular angular 应用程序的路由,反应应用程序的反应路由,......但你不必 必须 使用这些解决方案。只要它适用于应用程序框架,您就可以使用任何东西。例如,您可能能够构建一个可与 Angular、Vue、React 等一起使用的通用路由解决方案,并且您可能能够使用 Stencil 路由来执行此操作。但是,您不必使用 Stencil 路由 仅仅因为您使用 Stencil 来构建您的 Web 组件。