vue-router

framework utility ui-component

vue-router는 Vue.js 2를 위한 공식 라우터로, 싱글 페이지 애플리케이션(SPA)의 페이지 라우팅을 관리합니다. 동적 라우팅, 중첩된 라우트, 모듈화된 구성 등을 지원하며, Vue.js 프로젝트에 쉽게 통합할 수 있습니다.

Latest Ver 4.5.0

Homepage

Github

18,991

📢 Vue.js 2용 공식 라우터로 SPA의 효율적인 페이지 관리를 가능하게 합니다.

CDN 다운로드

License: MIT

Asset Type :

전체 버전 보기

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

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

⚙️ 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});" }