Routage

Le routage est un moyen populaire de changer de vue dans une application. Cette page offre quelques conseils sur la façon de le faire.

Vue

L'approche recommandée pour le routage dans Vue est le Mode Hash:

import { createRouter, createWebHashHistory } from "vue-router";

const router = createRouter({
  history: createWebHashHistory(),
  routes: [
    //...
  ],
});

Angular

L'approche recommandée pour le routage dans Angular est HashLocationStrategy:

RouterModule.forRoot(routes, { useHash: true });

React

L'approche recommandée pour le routage dans React est HashRouter:

importer { HashRouter, Routes, Route } depuis "react-router-dom";

ReactDOM.render(
  <HashRouter basename={"/"}>
    {/* Le reste de votre application vient ici */}
    <Routes>
      <Route path="/" element={<Page0 />} exact />
      <Route path="/page1" element={<Page1 />} />
      <Route path="/page2" element={<Page2 />} />
      {/* plus. . */}
    </Routes>
  </HashRouter>,
  root
);

Svelte

L'approche recommandée pour le routage dans Svelte est svelte-spa-router:

<script>
    import Router from "svelte-spa-router";
</script>

<Router
    routes={{
        "/": Home,
        "/products": wrap({
            asyncComponent: () => import("./routes/Products.svelte"),
        }),
        "/settings": Settings,
        "*": NotFound,
    }}
/>