From fd978b675f15750c47492b329b5a290b3e3ae830 Mon Sep 17 00:00:00 2001
From: Romesum <zhiyuewu@foxmail.com>
Date: Tue, 28 Apr 2020 16:58:02 +0800
Subject: [PATCH] =?UTF-8?q?[feat][V]=EF=BC=9A=E5=BC=95=E5=85=A5vue-router?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 element-vue/package.json       |  3 ++-
 element-vue/src/App.vue        |  5 +----
 element-vue/src/main.js        |  2 ++
 element-vue/src/pages/test.vue |  2 +-
 element-vue/src/router.js      | 24 ++++++++++++++++++++++++
 5 files changed, 30 insertions(+), 6 deletions(-)
 create mode 100644 element-vue/src/router.js

diff --git a/element-vue/package.json b/element-vue/package.json
index c4938b2..9c6da7f 100644
--- a/element-vue/package.json
+++ b/element-vue/package.json
@@ -9,7 +9,8 @@
   },
   "dependencies": {
     "element-ui": "^2.3.4",
-    "vue": "^2.5.16"
+    "vue": "^2.5.16",
+    "vue-router": "^3.1.6"
   },
   "engines": {
     "node": ">=6"
diff --git a/element-vue/src/App.vue b/element-vue/src/App.vue
index fc16921..1fdb01a 100644
--- a/element-vue/src/App.vue
+++ b/element-vue/src/App.vue
@@ -1,9 +1,6 @@
 <template>
   <div id="app">
-    <img src="./assets/logo.png">
-    <div>
-      <el-button @click="startHacking">Start</el-button>
-    </div>
+    <router-view/>
   </div>
 </template>
 
diff --git a/element-vue/src/main.js b/element-vue/src/main.js
index 1ada220..82274ca 100644
--- a/element-vue/src/main.js
+++ b/element-vue/src/main.js
@@ -1,11 +1,13 @@
 import Vue from 'vue'
 import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
+import router from "~/router";
 import App from './App.vue'
 
 Vue.use(ElementUI)
 
 new Vue({
     el: '#app',
+    router,
     render: h => h(App)
 })
diff --git a/element-vue/src/pages/test.vue b/element-vue/src/pages/test.vue
index fc16921..18657fa 100644
--- a/element-vue/src/pages/test.vue
+++ b/element-vue/src/pages/test.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <img src="./assets/logo.png">
+    <img src="../assets/logo.png">
     <div>
       <el-button @click="startHacking">Start</el-button>
     </div>
diff --git a/element-vue/src/router.js b/element-vue/src/router.js
new file mode 100644
index 0000000..82d981f
--- /dev/null
+++ b/element-vue/src/router.js
@@ -0,0 +1,24 @@
+import Vue from "vue";
+import VueRouter from "vue-router";
+
+// 引入组件
+import test from "~/pages/test";
+
+// 要告诉 vue 使用 vueRouter
+Vue.use(VueRouter);
+
+const routes = [
+    {
+        path: "/",
+        redirect: '/home'
+    },
+    {
+        path: "/home",
+        component: test
+    }
+]
+
+let router = new VueRouter({
+    routes
+})
+export default router;