ルーティング
アプリケーションでビューを切り替える一般的な方法は、ルーティングです。 このページでは、ルーティングを実現する方法をいくつか紹介します。
Vue
Vueにおいてルーティングで推奨されるアプローチは、ハッシュモードとなります:
import { createRouter, createWebHashHistory } from "vue-router";
const router = createRouter({
history: createWebHashHistory(),
routes: [
//...
],
});
Angular
Angularにおいてルーティングで推奨されるアプローチは、HashLocationStrategyとなります:
RouterModule.forRoot(routes, { useHash: true });
React
Reactにおいてルーティングで推奨されるアプローチは、HashRouterとなります:
import { HashRouter } from "react-router-dom";
ReactDOM.render(
<HashRouter basename={"/"}>
{/* The rest of your app goes here */}
<Routes>
<Route path="/" element={<Page0 />} exact />
<Route path="/page1" element={<Page1 />} />
<Route path="/page2" element={<Page2 />} />
{/* more... */}
</Routes>
</HashRouter>,
root
);