路由器

Router 组件是一个顶层组件，用于管理应用程序的路由。 它有一个可选的 root 属性，可用于将整个应用程序包装在一个布局组件中，该组件在页面变化时不会更新。

import { render } from "solid-js/web";
import { Router, Route } from "@solidjs/router";

const App = (props) => (
  <>
    <h1>根页面标题</h1>
    {props.children}
  </>
);

render(
  () => <Router root={App}>{/*... 路由配置 */}</Router>,
  document.getElementById("app")
);

| 属性 | 类型 | 描
述
| | ------------- | -------------------------------------------------------- | --------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------- | | children | JSX.Element, RouteDefinition, 或 RouteDefinition[] | 路由定义
| | root | Component | 顶层布局组件 | | base | string | 用于匹配路由的基础 URL | | actionBase | string | 服务器操作的根 URL，默认值：/_server
| | preload | boolean | 全局启用/禁用预加载，默认值：true | | explicitLinks | boolean | 禁用所有锚点的自动拦截，而需要使用 <A> 组件。默认值：false。（要禁用特定链接的拦截，请将 target 设置为任意值，例如 <a target="_self">。） | | url | string | 要渲染的初始路由
|