From 207f3566d6b853b609fcf3dfb0c32d84979f61bf Mon Sep 17 00:00:00 2001
From: ewall <1054064180@qq.com>
Date: Fri, 25 May 2018 10:03:48 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B5=8C=E5=A5=97=E8=B7=AF=E7=94=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js | 15 +++++++++++++--
 src/view/test.vue   | 13 +++++++------
 src/view/title1.vue | 11 +++++++++++
 src/view/title2.vue | 11 +++++++++++
 4 files changed, 42 insertions(+), 8 deletions(-)
 create mode 100644 src/view/title1.vue
 create mode 100644 src/view/title2.vue

diff --git a/src/router/index.js b/src/router/index.js
index 60550bf..2a38321 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,14 +1,25 @@
 import Vue from 'vue'
 import Router from 'vue-router'
-import HelloWorld from '@/components/HelloWorld'
 import Test from '@/view/test'
+import Title1 from '@/view/title1'
+import Title2 from '@/view/title2'
 
 Vue.use(Router)
 
 export default new Router({
   routes: [{
-    path: '/test/:testId',
+    path: '/test',
     name: 'test',
     component: Test,
+    children: [{
+    	path: 'title1',
+    	name: 'title1',
+    	component: Title1
+    },
+    {
+    	path: 'title2',
+    	name: 'title2',
+    	component: Title2
+    }]
   }]
 })
diff --git a/src/view/test.vue b/src/view/test.vue
index 8d85a7c..ec42a7d 100644
--- a/src/view/test.vue
+++ b/src/view/test.vue
@@ -1,16 +1,17 @@
 <template>
   <div class="test">
+  	<!-- 动态路由 -->
   	This is id: {{$route.params.testId}}
+
+  	<!-- 嵌套路由 -->
+  	<router-link to="/test/title1">标题1</router-link>
+  	<router-link to="/test/title2">标题2</router-link>
+  	<router-view></router-view>
   </div>
 </template>
 <script>
 export default {
-  data() {
-    return {
-      msg: 'hello vue'
-    }
-  }
-}
 
+}
 </script>
 <style scoped></style>
diff --git a/src/view/title1.vue b/src/view/title1.vue
new file mode 100644
index 0000000..7cda835
--- /dev/null
+++ b/src/view/title1.vue
@@ -0,0 +1,11 @@
+<template>
+  <div class="title1">
+  	这里是title1的内容
+  </div>
+</template>
+<script>
+export default {
+}
+
+</script>
+<style scoped></style>
diff --git a/src/view/title2.vue b/src/view/title2.vue
new file mode 100644
index 0000000..cab2f9d
--- /dev/null
+++ b/src/view/title2.vue
@@ -0,0 +1,11 @@
+<template>
+  <div class="title2">
+  	这里是title2的内容
+  </div>
+</template>
+<script>
+export default {
+}
+
+</script>
+<style scoped></style>