diff --git a/README.md b/README.md
new file mode 100644
index 0000000..700fda8
--- /dev/null
+++ b/README.md
@@ -0,0 +1,34 @@
+# vue_router
+
+vue-routerは以下で追加できる。
+```
+npm install --save vue-router
+```
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Run your tests
+```
+npm run test
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..cf3b295
--- /dev/null
+++ b/package.json
@@ -0,0 +1,42 @@
+{
+ "name": "vue_router",
+ "version": "0.1.0",
+ "private": true,
+ "scripts": {
+ "serve": "vue-cli-service serve",
+ "build": "vue-cli-service build",
+ "lint": "vue-cli-service lint"
+ },
+ "dependencies": {
+ "core-js": "^3.4.3",
+ "vue": "^2.6.10",
+ "vue-router": "^3.1.3"
+ },
+ "devDependencies": {
+ "@vue/cli-plugin-babel": "^4.1.0",
+ "@vue/cli-plugin-eslint": "^4.1.0",
+ "@vue/cli-service": "^4.1.0",
+ "babel-eslint": "^10.0.3",
+ "eslint": "^5.16.0",
+ "eslint-plugin-vue": "^5.0.0",
+ "vue-template-compiler": "^2.6.10"
+ },
+ "eslintConfig": {
+ "root": true,
+ "env": {
+ "node": true
+ },
+ "extends": [
+ "plugin:vue/essential",
+ "eslint:recommended"
+ ],
+ "rules": {},
+ "parserOptions": {
+ "parser": "babel-eslint"
+ }
+ },
+ "browserslist": [
+ "> 1%",
+ "last 2 versions"
+ ]
+}
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..df36fcf
--- /dev/null
+++ b/public/favicon.ico
Binary files differ
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..90f1557
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+ vue_router
+
+
+
+
+
+
+
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..40c358f
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
diff --git a/src/assets/logo.png b/src/assets/logo.png
new file mode 100644
index 0000000..f3d2503
--- /dev/null
+++ b/src/assets/logo.png
Binary files differ
diff --git a/src/components/Fuga.vue b/src/components/Fuga.vue
new file mode 100644
index 0000000..06b3409
--- /dev/null
+++ b/src/components/Fuga.vue
@@ -0,0 +1,13 @@
+
+
+ fuga
+
+
+
+
+
+
diff --git a/src/components/Hoge.vue b/src/components/Hoge.vue
new file mode 100644
index 0000000..09a4210
--- /dev/null
+++ b/src/components/Hoge.vue
@@ -0,0 +1,13 @@
+
+
+ hoge
+
+
+
+
+
+
diff --git a/src/components/Piyo.vue b/src/components/Piyo.vue
new file mode 100644
index 0000000..f4e17c7
--- /dev/null
+++ b/src/components/Piyo.vue
@@ -0,0 +1,13 @@
+
+
+ piyo
+
+
+
+
+
+
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..79e40ab
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,10 @@
+import Vue from 'vue'
+import App from './App.vue'
+import router from './router'
+
+Vue.config.productionTip = false
+
+new Vue({
+ router,
+ render: h => h(App),
+}).$mount('#app')
diff --git a/src/router.js b/src/router.js
new file mode 100644
index 0000000..54bccf7
--- /dev/null
+++ b/src/router.js
@@ -0,0 +1,28 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+import Hoge from './components/Hoge.vue'
+import Fuga from './components/Fuga.vue'
+import Piyo from './components/Piyo.vue'
+
+Vue.use(Router)
+
+export default new Router({
+ mode: 'history',
+ routes: [
+ {
+ path: '/hoge/:id',
+ name: 'hoge',
+ component: Hoge
+ },
+ {
+ path: '/fuga',
+ name: 'fuga',
+ component: Fuga
+ },
+ {
+ path: '/piyo',
+ name: 'piyo',
+ component: Piyo
+ }
+ ]
+})