ルーティング

アプリケーションでビューを切り替える一般的な方法は、ルーティングです。 このページでは、ルーティングを実現する方法をいくつか紹介します。

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
);