冯博深 f143f24da4 first 7 小時之前
..
dist f143f24da4 first 7 小時之前
vetur f143f24da4 first 7 小時之前
LICENSE f143f24da4 first 7 小時之前
README.md f143f24da4 first 7 小時之前
index.js f143f24da4 first 7 小時之前
package.json f143f24da4 first 7 小時之前
vue-router-auto-resolver.d.mts f143f24da4 first 7 小時之前
vue-router-auto-routes.d.ts f143f24da4 first 7 小時之前
vue-router-auto.d.ts f143f24da4 first 7 小時之前
vue-router.node.mjs f143f24da4 first 7 小時之前

README.md

vue-router release candidate test codecov

  • This is the repository for Vue Router 4 (for Vue 3)
  • For Vue Router 3 (for Vue 2) see vuejs/vue-router.

Supporting Vue Router

Vue Router is part of the Vue Ecosystem and is an MIT-licensed open source project with its ongoing development made possible entirely by the support of Sponsors. If you would like to become a sponsor, please consider:

Gold Sponsors

<a href="https://www.coderabbit.ai/?utm_source=vuerouter&utm_medium=sponsor" target="_blank" rel="noopener noreferrer">
<picture>
  <source srcset="https://posva-sponsors.pages.dev/logos/coderabbitai-dark.svg" media="(prefers-color-scheme: dark)" height="72px" alt="CodeRabbit" />
  <img src="https://posva-sponsors.pages.dev/logos/coderabbitai-light.svg" height="72px" alt="CodeRabbit" />
</picture>

Silver Sponsors

<a href="https://www.vuemastery.com/" target="_blank" rel="noopener noreferrer">
<picture>
  <source srcset="https://posva-sponsors.pages.dev/logos/vuemastery-dark.png" media="(prefers-color-scheme: dark)" height="42px" alt="VueMastery" />
  <img src="https://posva-sponsors.pages.dev/logos/vuemastery-light.svg" height="42px" alt="VueMastery" />
</picture>

<a href="https://www.prefect.io/" target="_blank" rel="noopener noreferrer">
<picture>
  <source srcset="https://posva-sponsors.pages.dev/logos/prefectlogo-dark.svg" media="(prefers-color-scheme: dark)" height="42px" alt="Prefect" />
  <img src="https://posva-sponsors.pages.dev/logos/prefectlogo-light.svg" height="42px" alt="Prefect" />
</picture>

<a href="https://www.controla.ai/?utm_source=posva" target="_blank" rel="noopener noreferrer">
<picture>
  <source srcset="https://posva-sponsors.pages.dev/logos/controla-dark.png" media="(prefers-color-scheme: dark)" height="42px" alt="Controla" />
  <img src="https://posva-sponsors.pages.dev/logos/controla-light.png" height="42px" alt="Controla" />
</picture>

<a href=" https://jobs.sendcloud.com" target="_blank" rel="noopener noreferrer">
<picture>
  <source srcset="https://posva-sponsors.pages.dev/logos/sendcloud-dark.svg" media="(prefers-color-scheme: dark)" height="42px" alt="SendCloud" />
  <img src="https://posva-sponsors.pages.dev/logos/sendcloud-light.svg" height="42px" alt="SendCloud" />
</picture>

<a href="https://route4me.com" target="_blank" rel="noopener noreferrer">
<picture>
  <source srcset="https://posva-sponsors.pages.dev/logos/route4me.png" media="(prefers-color-scheme: dark)" height="42px" alt="Route Optimizer and Route Planner Software" />
  <img src="https://posva-sponsors.pages.dev/logos/route4me.png" height="42px" alt="Route Optimizer and Route Planner Software" />
</picture>

Bronze Sponsors

<a href="https://storyblok.com" target="_blank" rel="noopener noreferrer">
<picture>
  <source srcset="https://posva-sponsors.pages.dev/logos/storyblok.png" media="(prefers-color-scheme: dark)" height="26px" alt="Storyblok" />
  <img src="https://posva-sponsors.pages.dev/logos/storyblok.png" height="26px" alt="Storyblok" />
</picture>

<a href="https://nuxtlabs.com" target="_blank" rel="noopener noreferrer">
<picture>
  <source srcset="https://posva-sponsors.pages.dev/logos/nuxt-dark.svg" media="(prefers-color-scheme: dark)" height="26px" alt="NuxtLabs" />
  <img src="https://posva-sponsors.pages.dev/logos/nuxt-light.svg" height="26px" alt="NuxtLabs" />
</picture>

<a href="https://stormier.ninja" target="_blank" rel="noopener noreferrer">
<picture>
  <source srcset="https://avatars.githubusercontent.com/u/2486424?u=7b0c73ae5d090ce53bf59473094e9606fe082c59&v=4" media="(prefers-color-scheme: dark)" height="26px" alt="Stanislas Ormières" />
  <img src="https://avatars.githubusercontent.com/u/2486424?u=7b0c73ae5d090ce53bf59473094e9606fe082c59&v=4" height="26px" alt="Stanislas Ormières" />
</picture>


Get started with the documentation.

Quickstart

  • Via CDN: <script src="https://unpkg.com/vue-router@4"></script>
  • In-browser playground on CodeSandbox
  • Add it to an existing Vue Project:

    npm install vue-router@4
    

Changes from Vue Router 3

Please consult the Migration Guide.

Contributing

See Contributing Guide.

Special Thanks

BrowserStack Logo

Special thanks to BrowserStack for letting the maintainers use their service to debug browser specific issues.