[feat][V]：引入vue-router

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"

element-vue/src/App.vue

@@ -1,9 +1,6 @@
 <template>
   <div id="app">
-    <img src="./assets/logo.png">
+    <router-view/>
-    <div>
-      <el-button @click="startHacking">Start</el-button>
-    </div>
   </div>
 </template>
 

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

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>

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;