Get started with vue-router CDN
MIT licensed
Vue-Router is a popular library for implementing client-side routing in Vue.js applications.
Tags:- vue
- router
- routing
Stable version
Copied!
How to start using vue-router CDN
// Import Vue and Vue Router from the CDN
import Vue from 'vue'
import VueRouter from 'https://cdn.cdnhub.io/vue-router/4.3.0/vue-router.cjs.js'
// Create new components
const HomeComponent = { template: '<div><h1>Home</h1></div>' }
const AboutComponent = { template: '<div><h1>About</h1></div>' }
// Create new Vue Router instance
const router = new VueRouter({
mode: 'history', // Use history mode for cleaner URLs
routes: [
{ path: '/', component: HomeComponent },
{ path: '/about', component: AboutComponent }
]
})
// Create new Vue instance and mount it with the router
new Vue({
el: '#app',
router
})
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
0.4.0
0.5.0
0.5.1
0.5.2
0.6.0
0.6.1
0.6.2
0.7.0
0.7.1
0.7.10
0.7.11
0.7.12
0.7.13
0.7.2
0.7.3
0.7.4
0.7.5
0.7.6
0.7.7
0.7.8
0.7.9
2.0.0
2.0.0-beta.1
2.0.0-beta.2
2.0.0-beta.3
2.0.0-beta.4
2.0.0-rc.1
2.0.0-rc.2
2.0.0-rc.3
2.0.0-rc.4
2.0.0-rc.5
2.0.0-rc.6
2.0.0-rc.7
2.0.1
2.0.2
2.0.3
2.1.0
2.1.1
2.1.2
2.1.3
2.2.0
2.2.1
2.3.0
2.3.1
2.4.0
2.5.0
2.5.1
2.5.2
2.5.3
2.6.0
2.7.0
2.8.0
2.8.1
3.0.0
3.0.1
3.0.2
3.0.3
3.0.4
3.0.5
3.0.6
3.0.7
3.1.0
3.1.1
3.1.2
3.1.3
3.1.4
3.1.5
3.1.6
3.2.0
3.4.0
3.4.1
3.4.2
3.4.3
3.4.4
3.4.5
3.4.6
3.4.7
3.4.8
3.4.9
3.5.0
3.5.1
3.5.2
3.5.3
3.5.4
3.6.0
3.6.1
3.6.2
3.6.3
3.6.4
3.6.5
4.0.0
4.0.0-329e962
4.0.0-alpha.0
4.0.0-alpha.1
4.0.0-alpha.10
4.0.0-alpha.11
4.0.0-alpha.12
4.0.0-alpha.13
4.0.0-alpha.14
4.0.0-alpha.2
4.0.0-alpha.3
4.0.0-alpha.4
4.0.0-alpha.5
4.0.0-alpha.6
4.0.0-alpha.7
4.0.0-alpha.8
4.0.0-alpha.9
4.0.0-beta.1
4.0.0-beta.10
4.0.0-beta.11
4.0.0-beta.12
4.0.0-beta.13
4.0.0-beta.2
4.0.0-beta.3
4.0.0-beta.4
4.0.0-beta.5
4.0.0-beta.6
4.0.0-beta.7
4.0.0-beta.8
4.0.0-beta.9
4.0.0-rc.1
4.0.0-rc.2
4.0.0-rc.3
4.0.0-rc.4
4.0.0-rc.5
4.0.0-rc.6
4.0.1
4.0.10
4.0.11
4.0.12
4.0.13
4.0.14
4.0.15
4.0.16
4.0.2
4.0.3
4.0.4
4.0.5
4.0.6
4.0.7
4.0.8
4.0.9
4.1.0
4.1.0-4da5e55
4.1.0-51021cc
4.1.0-730eb15
4.1.0-9e62c00
4.1.0-aabe509
4.1.0-beta.0
4.1.0-beta.1
4.1.0-beta.2
4.1.0-c113369
4.1.1
4.1.2
4.1.3
4.1.4
4.1.5
4.1.6
4.2.0
4.2.1
4.2.2
4.2.3
4.2.4
4.2.5
4.3.0
4.3.0-alpha.0
4.3.0-alpha.1
4.3.1
4.3.2
4.3.3
4.4.0
4.4.0-alpha.0
4.4.0-alpha.1
4.4.0-alpha.2
4.4.0-alpha.3
4.4.1
4.4.2
4.4.3
*** 4.4.4