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