vue-router

framework utility ui-component

vue-router is the official router for Vue.js 2, designed to manage page routing in single-page applications (SPAs). It supports dynamic routing, nested routes, modular configuration, and is easily integrated into Vue.js projects.

Latest Ver 4.5.0

Homepage

Github

18,991

📢 The official router for Vue.js 2, enabling efficient page management in SPAs.

CDN Download

License: MIT

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/vue-router/4.5.0/vue-router.cjs.js

https://cdnjs.cloudflare.com/ajax/libs/vue-router/4.5.0/vue-router.cjs.min.js

https://cdnjs.cloudflare.com/ajax/libs/vue-router/4.5.0/vue-router.cjs.prod.js

https://cdnjs.cloudflare.com/ajax/libs/vue-router/4.5.0/vue-router.cjs.prod.min.js

https://cdnjs.cloudflare.com/ajax/libs/vue-router/4.5.0/vue-router.esm-browser.js

https://cdnjs.cloudflare.com/ajax/libs/vue-router/4.5.0/vue-router.esm-browser.min.js

https://cdnjs.cloudflare.com/ajax/libs/vue-router/4.5.0/vue-router.esm-browser.prod.js

https://cdnjs.cloudflare.com/ajax/libs/vue-router/4.5.0/vue-router.esm-browser.prod.min.js

https://cdnjs.cloudflare.com/ajax/libs/vue-router/4.5.0/vue-router.esm-bundler.js

https://cdnjs.cloudflare.com/ajax/libs/vue-router/4.5.0/vue-router.esm-bundler.min.js

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

⚙️ JavaScript
{ "code": "import Vue from 'vue';\nimport VueRouter from 'vue-router';\nVue.use(VueRouter);\nconst router = new VueRouter({\n  routes: [{\n    path: '/',\n    component: Home\n  }, {\n    path: '/about',\n    component: About\n  }]\n});\nnew Vue({\n  el: '#app',\n  router\n});" }